change: style for buttons title

diff --git a/src/app/title/title.component.css b/src/app/title/title.component.css
index bc316d8e6cd46608e1211ae0e38d1b1b98f37527..fb39e27208d9c59190a4e63e15f751877850a3ce 100644 (file)
--- a/src/app/title/title.component.css
+++ b/src/app/title/title.component.css
@@ -9,12 +9,12 @@
 
 .flex {
        display: flex;
+       flex-direction: column;
        justify-content: center;
 }
 
 .button {
-       flex-basis: 15%;
-       margin: 0.5em 0;
+       margin-bottom: 0.5em;
 }
 
 .form {
@@ -43,9 +43,15 @@ h1 {
 
 @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;
+       }
+
        .form {
                flex-direction: row;
                justify-content: center;