change: title edit with flex form

diff --git a/src/app/title/title.component.css b/src/app/title/title.component.css
index a66f69c8f85c62dbd40a95bcc9792083c5b7127d..bc316d8e6cd46608e1211ae0e38d1b1b98f37527 100644 (file)
--- a/src/app/title/title.component.css
+++ b/src/app/title/title.component.css
@@ -18,12 +18,15 @@
 }
 
 .form {
-       display: block;
+       display: flex;
+       flex-direction: column;
+       align-items: center;
        margin: 0.5em;
 }
 
 .form label {
        display: block;
+       margin: 0.5em 0;
 }
 
 .form input {
@@ -43,6 +46,21 @@ h1 {
                justify-content: flex-start;
        }
 
+       .form {
+               flex-direction: row;
+               justify-content: center;
+       }
+
+       .form label {
+               margin-right: 0.5em;
+       }
+
+       .form input {
+               margin-right: 0.5em;
+       }
+
+       .form
+
        h1 {
                margin: 1em 0.2em;
                text-align: left;