change: edit for subtitle flex

diff --git a/src/app/subtitle/subtitle.component.css b/src/app/subtitle/subtitle.component.css
index 94bb557888a2a4b5e2308536bdb2a0048221ed66..514cd4587cc0b3b041e8a7052115aae2583ac1d1 100644 (file)
--- a/src/app/subtitle/subtitle.component.css
+++ b/src/app/subtitle/subtitle.component.css
@@ -19,17 +19,21 @@
 }
 
 .form {
-       display: block;
+       display: flex;
+       flex-direction: column;
+       align-items: center;
        margin: 0 0.5em;
 }
 
 .form label {
        display: block;
+       margin: 0.5em 0
 }
 
 .form input {
        display: block;
        width: 95%;
+       margin: 0.5em 0;
 }
 
 h2 {
@@ -43,6 +47,18 @@ h2 {
                justify-content: flex-start;
        }
 
+       .form {
+               flex-direction: row;
+       }
+
+       .form label {
+               margin-right: 0.5em;
+       }
+
+       .form input {
+               margin: 0.5em;
+       }
+
        h2 {
                text-align: left;
                margin: 0 0.2em;