change: food style button

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index ca73b0cdaaaef9dcce692c8c27a965b54cfa2c58..19ce193a43c1f67112b0c9aa9258c5764bebb32c 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -9,6 +9,7 @@
 
 .foodmenu {
        text-align: center;
+       margin: 0.5em;
 }
 
 .food {
@@ -32,8 +33,9 @@
 
 .foodmenu .button {
        grid-row: 4;
-       grid-column: 6/7;
+       grid-column: 6/8;
        text-align: center;
+       margin: 0.5em 0;
 }
 
 .form {
@@ -77,7 +79,7 @@
        }
 
        .foodmenu .button {
-               grid-column: 1/2;
+               grid-column: 1/3;
                text-align: center;
        }
 }