change: size of button for better mobile

diff --git a/src/app/app.component.css b/src/app/app.component.css
index 09f22bf708a30b3945dc5f7dd7651676d096c0e0..c6765313159554bd78ac26cde369cfc18a191ebe 100644 (file)
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -10,12 +10,13 @@
 
 input {
        grid-column: 1/13;
-       margin: 0.2em
+       margin: 0.2em;
 }
 
 .button {
        grid-column: 1/13;
        margin: 0.2em;
+       padding: 0.5em;
 }
 
 h1 {
@@ -28,6 +29,7 @@ h1 {
 
 @media only screen and (min-width: 46.875em) {
        input {
+               align-self: center;
                grid-column: 2/5;
        }
 

diff --git a/src/app/food/food.component.css b/src/app/food/food.component.css
index d036394f6eb5a11c5a340eba822a22766d4687c9..64a9ae08aacfcf6de1fcd35859a3ed4b3dc35b1b 100644 (file)
--- a/src/app/food/food.component.css
+++ b/src/app/food/food.component.css
@@ -33,6 +33,7 @@
 .button {
        grid-column: 1/13;
        margin: 1em 0;
+       padding: 0.5em;
 }
 
 .form {

diff --git a/src/app/foodcard/foodcard.component.css b/src/app/foodcard/foodcard.component.css
index b8b51fb988d1d7d00f81ceafabc640c56da42453..f5f3179545218410839ab46dc82f15bc2a03ab69 100644 (file)
--- a/src/app/foodcard/foodcard.component.css
+++ b/src/app/foodcard/foodcard.component.css
@@ -6,6 +6,7 @@
 .button {
        grid-column: 1/13;
        margin-bottom: 0.5em;
+       padding: 0.5em;
 }
 
 p {

diff --git a/src/app/subtitle/subtitle.component.css b/src/app/subtitle/subtitle.component.css
index 5559713acc4d2c9c7dd7b2a6c6cd82b6c013e9c4..b84766c2f73c176efb37ad1e3a9839a2261f0ab5 100644 (file)
--- a/src/app/subtitle/subtitle.component.css
+++ b/src/app/subtitle/subtitle.component.css
@@ -15,6 +15,7 @@
 .button {
        grid-column: 1/13;
        margin-bottom: 0.5em;
+       padding: 0.5em;
 }
 
 .form {
@@ -27,6 +28,7 @@
        grid-column: 1/13;
        text-align: center;
        margin: 0.5em 0;
+       align-self: center;
 }
 
 .form input {

diff --git a/src/app/title/title.component.css b/src/app/title/title.component.css
index 4dacf796b9bf8ad3b12666ac211d5b2e3130913f..7f56baa068cdb068c179464673eebf519e3e6fc7 100644 (file)
--- a/src/app/title/title.component.css
+++ b/src/app/title/title.component.css
@@ -16,6 +16,7 @@
 .button {
        grid-column: 1/13;
        margin-bottom: 0.5em;
+       padding: 0.5em;
 }
 
 .form {
@@ -28,6 +29,7 @@
        grid-column: 1/13;
        margin: 0.5em 0;
        text-align: center;
+       align-self: center;
 }
 
 .form input {