shelley: Fix scrollbar appearing in empty message input

Philip Zeyliger and Shelley created 3 months ago

Prompt: See that scroll bar in the message input box? It shouldn't be there!
Follow-up: can we just make the initial content better?

Increase min-height from 44px to 46px to properly fit single line
of text (16px font × 1.5 line-height = 24px + 20px padding) with
a small buffer to prevent scrollbar.

Co-authored-by: Shelley <[e-mail]>

Change summary

ui/src/styles.css | 2 +-
1 file changed, 1 insertion(+), 1 deletion(-)

Detailed changes

ui/src/styles.css

@@ -1841,7 +1841,7 @@ button {
 
 .message-textarea {
   flex: 1;
-  min-height: 44px;
+  min-height: 46px;
   max-height: 200px;
   padding: 0.625rem 1rem;
   border: 1.5px solid var(--border);