From 89cdf5f1d7db116351a48b559ba0907580fe87df Mon Sep 17 00:00:00 2001 From: Ken Johnson Date: Tue, 9 Dec 2025 16:01:00 +0000 Subject: [PATCH] Fix dropdown text being cut off at the bottom MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added CSS to ensure proper height and padding: - min-height: 48px (provides enough vertical space) - line-height: 1.5 (proper text spacing) - padding: 0.75rem (matches Bootstrap form-control-lg) This prevents the selected recipient name from being cut off at the bottom of the dropdown field. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/views/messages/index.html.erb | 7 +++++++ 1 file changed, 7 insertions(+) diff --git a/app/views/messages/index.html.erb b/app/views/messages/index.html.erb index 76c6876..bc47e78 100644 --- a/app/views/messages/index.html.erb +++ b/app/views/messages/index.html.erb @@ -307,6 +307,13 @@ $("#submit_button").click(function(event) { } } + /* Fix dropdown height and padding to prevent text cutoff */ + #message_receiver_id { + min-height: 48px; + line-height: 1.5; + padding: 0.75rem 0.75rem; + } + /* Ensure dropdown has proper focus styling */ #message_receiver_id:focus { border-color: var(--rg-success);