change: subtitle style buttons

diff --git a/src/app/subtitle/subtitle.component.css b/src/app/subtitle/subtitle.component.css
index 514cd4587cc0b3b041e8a7052115aae2583ac1d1..86140bc2a0100c7f52cecb81f892016e7c18cb05 100644 (file)
--- a/src/app/subtitle/subtitle.component.css
+++ b/src/app/subtitle/subtitle.component.css
@@ -9,13 +9,12 @@
 
 .flex {
        display: flex;
-       justify-content: center;
+       flex-direction: column;
+       margin-bottom: 0.5em;
 }
 
 .button {
-       display: block;
-       flex-basis: 15%;
-       margin: 0.5em 0;
+       margin-bottom: 0.5em;
 }
 
 .form {
@@ -44,9 +43,15 @@ h2 {
 
 @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;
        }