fix: subtitle form buttons

diff --git a/src/app/subtitle/subtitle.component.css b/src/app/subtitle/subtitle.component.css
index 86140bc2a0100c7f52cecb81f892016e7c18cb05..7ed3e997debef8f9cfe12afe9ee2f341c53b79f7 100644 (file)
--- a/src/app/subtitle/subtitle.component.css
+++ b/src/app/subtitle/subtitle.component.css
@@ -20,18 +20,15 @@
 .form {
        display: flex;
        flex-direction: column;
-       align-items: center;
-       margin: 0 0.5em;
+       margin: 0.5em 0;
 }
 
 .form label {
-       display: block;
-       margin: 0.5em 0
+       align-self: center;
+       margin: 0.5em 0;
 }
 
 .form input {
-       display: block;
-       width: 95%;
        margin: 0.5em 0;
 }
 
@@ -57,11 +54,17 @@ h2 {
        }
 
        .form label {
-               margin-right: 0.5em;
+               flex-basis: 5%;
+               margin: 0 0.5em 0 0;
        }
 
        .form input {
-               margin: 0.5em;
+               flex-basis: 75%;
+               margin: 0 0.5em 0 0;
+       }
+
+       .form .button {
+               margin: 0;
        }
 
        h2 {