From a3a19da038d6a91f2ad44b85f5cfbd3e054c945c Mon Sep 17 00:00:00 2001
From: Alice Gaudon <alice@gaudon.pro>
Date: Tue, 15 Sep 2020 16:32:02 +0200
Subject: [PATCH] Fix inline controls styling

---
 assets/sass/layout.scss | 46 +++++++++++++++++++----------------------
 1 file changed, 21 insertions(+), 25 deletions(-)

diff --git a/assets/sass/layout.scss b/assets/sass/layout.scss
index fbe8b5b..dd587d4 100644
--- a/assets/sass/layout.scss
+++ b/assets/sass/layout.scss
@@ -450,32 +450,38 @@ form {
 			height: calc(32px + 8px + 32px);
 		}
 
-		&.inline .control {
+		&.inline {
 			display: flex;
 			flex-direction: row;
-			align-items: center;
 
-			input[type=checkbox] {
-				width: min-content;
-				height: min-content;
-				margin: 8px;
-				text-align: left;
+			.control {
+				display: flex;
+				flex-direction: row;
+				align-items: center;
+				flex-grow: 1;
 
-				& ~ label {
-					position: static;
-					flex-grow: 1;
-					display: inline;
-					padding: 8px;
-
-					font-size: 16px;
+				input[type=checkbox] {
+					width: min-content;
+					height: min-content;
+					margin: 8px;
 					text-align: left;
+
+					& ~ label {
+						position: static;
+						flex-grow: 1;
+						display: inline;
+						padding: 8px;
+
+						font-size: 16px;
+						text-align: left;
+					}
 				}
 			}
 		}
 
 		.input-group {
 			display: flex;
-			flex-shrink: 1;
+			flex-grow: 1;
 			flex-direction: row;
 
 			div {
@@ -484,19 +490,9 @@ form {
 
 				input {
 					width: 100%;
-					margin-top: 24px;
-					padding-top: 8px;
 					border: 0;
 					background: transparent;
 				}
-
-				> input + * {
-					position: absolute;
-					top: 32px;
-					right: 28px;
-					user-select: none;
-					text-align: right;
-				}
 			}
 		}
 	}