From: Bastian Dehn <hhaalo@arcor.de>
Date: Wed, 24 Aug 2022 18:48:36 +0000 (+0200)
Subject: change: size of button for better mobile
X-Git-Tag: v1.0.15^2^2~1
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=0dcdee075ea0dcf0c90e1f74cde840ab286e900d;p=speisekarten-editor.git

change: size of button for better mobile
---

diff --git a/src/app/app.component.css b/src/app/app.component.css
index 09f22bf..c676531 100644
--- 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 d036394..64a9ae0 100644
--- 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 b8b51fb..f5f3179 100644
--- 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 5559713..b84766c 100644
--- 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 4dacf79..7f56baa 100644
--- 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 {