From 256e4b2bdd5a7233e21c8be90786f2337039ab46 Mon Sep 17 00:00:00 2001 From: Paul Buetow Date: Sat, 4 Jul 2026 00:00:05 +0300 Subject: ychat: fix message input shrink and add spacing above Register link The message text box in the input frame kept its size="60" intrinsic width instead of shrinking to fit next to the Send/Select buttons on a narrow screen: flex items default to min-width:auto, which for an resolves to its size attribute, not its CSS width, so max-width:100% alone had no effect. Fixed with min-width:0 + flex:1 1 auto on .input-row .text. Also tightened the input frame's body padding (it's a short fixed-height strip) and added overflow-y:auto as a fallback so controls scroll into view instead of clipping if they still don't fit. Also added margin-top above the "Register a new nick..." line on the login page, which had no separation from the login form above it. --- ychat/html/index.html | 4 ++-- ychat/html/input.html | 2 +- ychat/html/style.css | 24 ++++++++++++++++++++++++ 3 files changed, 27 insertions(+), 3 deletions(-) diff --git a/ychat/html/index.html b/ychat/html/index.html index 0a15e76..7b0c3e3 100644 --- a/ychat/html/index.html +++ b/ychat/html/index.html @@ -29,8 +29,8 @@ -
- Register a new nick If you don't want to register you may login without a password using an unregistered nick. +
+ Register a new nick If you don't want to register you may login without a password using an unregistered nick.