Make text input more flexible

2024-11-14 08:52:05 +01:00
parent 2816d46962
commit 4703b77dd4
2 changed files with 4 additions and 2 deletions
--- a/static/style.css
+++ b/static/style.css
@@ -20,8 +20,10 @@ body {

 .message-box {
 	margin: 64px 0 64px;
+	display: flex;
+	gap: 8px;
 }

 .message-input {
-	width: 100%;
+	flex-grow: 1;
 }
--- a/templates/index.gohtml
+++ b/templates/index.gohtml
@@ -25,7 +25,7 @@
    </div>

    <form class="message-box" id="message-box" ws-send hx-on::ws-before-send="this.reset();">
-        <input id="message-input" name="message" type="text" placeholder="Type a message">
+        <input class="message-input" name="message" type="text" placeholder="Type a message">
        <input type="submit" value="Send">
    </form>
 </div>