change: margin on top app component

diff --git a/src/app/app.component.css b/src/app/app.component.css
index c02b93b7c8234ad9583207f7c85b488528c3f148..ba3c7a17acf22b1c22f728670f1a52bf3b41797b 100644 (file)
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -1,6 +1,6 @@
 .foodcardeditor {
        max-width: 60em;
-       margin: 0 auto;
+       margin: 0 0.5em;
 }
 
 .flex {
@@ -34,3 +34,9 @@ h1 {
                
        }
 }
+
+@media only screen and (min-width: 61em) {
+       .foodcardeditor {
+               margin: 0 auto;
+       }
+}

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index 2a0a6a32573f46b7a7bb73823bd6194943ded38c..c770560d2a605b1b71a2aec10457869f562c43fd 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -9,7 +9,6 @@
 
 .foodmenu {
        text-align: center;
-       margin: 0.5em;
 }
 
 .food {