From: Bastian Dehn <hhaalo@arcor.de>
Date: Tue, 16 Aug 2022 17:42:22 +0000 (+0200)
Subject: fix: form buttons in title component
X-Git-Tag: v1.0.12^2~1^2~1
X-Git-Url: https://gitweb.hhaalo.de/?a=commitdiff_plain;h=c51dedde44154f6466737c47e330e404fb79a43a;p=speisekarten-editor.git

fix: form buttons in title component
---

diff --git a/src/app/title/title.component.css b/src/app/title/title.component.css
index 96fb0ba..e387a15 100644
--- a/src/app/title/title.component.css
+++ b/src/app/title/title.component.css
@@ -21,18 +21,17 @@
 .form {
 	display: flex;
 	flex-direction: column;
-	align-items: center;
-	margin: 0.5em;
-}
-
-.form label {
-	display: block;
+	justify-content: center;
 	margin: 0.5em 0;
 }
 
 .form input {
-	display: block;
-	width: 95%;
+	margin-bottom: 0.5em;
+}
+
+.form label {
+	align-self: center;
+	margin: 0.5em 0;
 }
 
 h1 {
@@ -55,18 +54,24 @@ h1 {
 
 	.form {
 		flex-direction: row;
-		justify-content: center;
+		justify-content: flex-start;
+		margin: 0.5em;
 	}
 
 	.form label {
-		margin-right: 0.5em;
+		flex-basis: 5%;
+		margin: 0 0.5em 0 0;
 	}
 
 	.form input {
-		margin-right: 0.5em;
+		flex-basis: 75%;
+		margin: 0 0.5em 0 0;
 	}
 
-	.form
+	.form .button {
+		flex-basis: 20%;
+		margin: 0;
+	}
 
 	h1 {
 		margin: 1em 0.2em;