fix: style of food form

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index 19ce193a43c1f67112b0c9aa9258c5764bebb32c..2a0a6a32573f46b7a7bb73823bd6194943ded38c 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -44,13 +44,16 @@
 }
 
 .form label {
-       display: inline-block;
+       display: block;
        grid-column: 1/3;
+       text-align: left;
+       margin: 0 0.5em;
 }
 
 .form input {
-       display: inline-block;
-       grid-column: 3/13;
+       display: block;
+       grid-column: 4/13;
+       width: 95%;
 }
 
 @media only screen and (min-width: 46.875em) {
@@ -82,4 +85,8 @@
                grid-column: 1/3;
                text-align: center;
        }
+
+       .form input {
+               grid-column: 3/13;
+       }
 }