fix: style food buttons

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index 02e5c4f37d480193ff41c39d7331a58a6ca92185..d036394f6eb5a11c5a340eba822a22766d4687c9 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -53,12 +53,15 @@
        width: 95%;
 }
 
-.form button {
+.form .button {
        grid-column: 1/13;
-       margin: 1em 0;
 }
 
 @media only screen and (min-width: 46.875em) {
+       .button {
+               margin: 1em 0.5em 1em 0;
+       }
+
        .foodmenu {
                padding: 0.5em 0;
                border-bottom: 0.125em solid gray;