From aefbe201d3d9b5b44defc2447a03c59588afec44 Mon Sep 17 00:00:00 2001 From: Ken Johnson Date: Tue, 9 Dec 2025 16:59:26 +0000 Subject: [PATCH] Fix dropdown text cutoff by reducing padding to optimal value MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Reduced padding from 0.85rem to 0.5rem and adjusted line-height from 1.6 to 1.5 to prevent text from being cut off at the bottom of the dropdown selector. Also added option styling to ensure consistent spacing throughout the dropdown. The excessive padding was causing the text to be vertically centered in a way that cut off descenders. The new values provide clean text rendering without cutoff. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/views/messages/index.html.erb | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/app/views/messages/index.html.erb b/app/views/messages/index.html.erb index 5097c9b..4baff6e 100644 --- a/app/views/messages/index.html.erb +++ b/app/views/messages/index.html.erb @@ -309,13 +309,19 @@ $("#submit_button").click(function(event) { /* Fix dropdown height and padding to prevent text cutoff */ #message_receiver_id { - min-height: 52px !important; - line-height: 1.6 !important; - padding: 0.85rem 0.75rem !important; + min-height: 48px !important; + line-height: 1.5 !important; + padding: 0.5rem 0.75rem !important; vertical-align: middle !important; box-sizing: border-box !important; } + /* Ensure dropdown options have proper spacing too */ + #message_receiver_id option { + padding: 0.5rem 0.75rem !important; + line-height: 1.5 !important; + } + /* Ensure dropdown has proper focus styling */ #message_receiver_id:focus { border-color: var(--rg-success);