From: Bastian Dehn <hhaalo@arcor.de>
Date: Tue, 16 Aug 2022 16:47:37 +0000 (+0200)
Subject: change: style for foodcard buttons
X-Git-Tag: v1.0.12^2~1^2~6
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=5217697be0bfd9aa3e98125346a39761a3ddd562;p=speisekarten-editor.git

change: style for foodcard buttons

squash! change: style for foodcard buttons
---

diff --git a/src/app/foodcard/foodcard.component.css b/src/app/foodcard/foodcard.component.css
index 00fe50a..8e03a20 100644
--- a/src/app/foodcard/foodcard.component.css
+++ b/src/app/foodcard/foodcard.component.css
@@ -1,11 +1,11 @@
 .flex {
 	display: flex;
+	flex-direction: column;
 	justify-content: center;
 }
 
 .button {
-	flex-basis: 15%;
-	margin: 0.5em 0.5em 0.5em 0;
+	margin-bottom: 0.5em;
 }
 
 p {
@@ -15,9 +15,15 @@ p {
 
 @media only screen and (min-width: 46.875em) {
 	.flex {
+		flex-direction: row;
 		justify-content: flex-start;
 	}
 
+	.button {
+		flex-basis: 20%;
+		margin: 0.5em 0.5em 0.5em 0;
+	}
+
 	.foodcard {
 		max-width: 60em;
 		margin: 0 auto;