From 5217697be0bfd9aa3e98125346a39761a3ddd562 Mon Sep 17 00:00:00 2001
From: Bastian Dehn <hhaalo@arcor.de>
Date: Tue, 16 Aug 2022 18:47:37 +0200
Subject: [PATCH] change: style for foodcard buttons

squash! change: style for foodcard buttons
---
 src/app/foodcard/foodcard.component.css | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

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;
-- 
2.39.5