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 00fe50aa8c0f93ece244f2f2d0568ffa35cb2478..8e03a20acd9368039bc943e02f967e25a6562e6b 100644 (file)
--- 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;