From 0f46a324288107783bd33daaa0c002188d1edf1d Mon Sep 17 00:00:00 2001 From: Bastian Dehn Date: Sat, 13 Aug 2022 17:09:09 +0200 Subject: [PATCH] fix: style of food form --- src/app/food/food.component.css | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css index 19ce193..2a0a6a3 100644 --- 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; + } } -- 2.39.5