fix: more flexible title input layout

Ayolland · Oct 28, 2021 · 7632466 · 7632466
1 parent caf27b1
commit 7632466
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/src/index.html b/src/index.html
@@ -39,10 +39,9 @@ <h1><strong>Borksy</strong> Game Hacker</h1>
 						id="title"></textarea>
 				</label>
 				<p>This is the filename that will be downloaded: <em>(only A-z,0-9,-,_ allowed)</em></p>
-				<label data-post=".html">
+				<label class="horizontal" data-post=".html">
 					<input data-save data-borksy-replace-single="FILENAME" data-default-type="string"
-						data-default="myBORKSYgame" data-clean-regex="^-|\W" name="filename" id="filename"
-						class="half inline right">
+						data-default="myBORKSYgame" data-clean-regex="^-|\W" name="filename" id="filename" />
 				</label>
 			</details>
 

diff --git a/src/style/style.scss b/src/style/style.scss
@@ -214,7 +214,6 @@ form {
 		textarea {
 			display: block;
 			box-sizing: border-box;
-			min-width: 100%;
 			min-height: 2em;
 			width: calc(100% + 2em);
 			max-width: 100%;
@@ -240,6 +239,18 @@ form {
 				text-align: right;
 			}
 		}
+
+		&.horizontal {
+			display: flex;
+			gap: 0.5rem;
+			> * {
+				flex: auto;
+			}
+			&::before,
+			&::after {
+				flex: none;
+			}
+		}
 	}
 }