Fix inline controls styling

assets/sass/layout.scss

@@ -450,10 +450,15 @@ form {
 			height: calc(32px + 8px + 32px);
 		}
 
-		&.inline .control {
+		&.inline {
+			display: flex;
+			flex-direction: row;
+
+			.control {
 				display: flex;
 				flex-direction: row;
 				align-items: center;
+				flex-grow: 1;
 
 				input[type=checkbox] {
 					width: min-content;
@@ -472,10 +477,11 @@ form {
 					}
 				}
 			}
+		}
 
 		.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;
-				}
 			}
 		}
 	}