From 5f8c24b2855be81ca91ab52c5cc96a45b771d943 Mon Sep 17 00:00:00 2001 From: Ken Johnson Date: Tue, 9 Dec 2025 16:49:51 +0000 Subject: [PATCH] Add !important rules to ensure dropdown height CSS applies MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Added !important to all dropdown height/padding CSS rules to ensure they override any conflicting Bootstrap or global styles: - min-height: 52px !important - line-height: 1.6 !important - padding: 0.85rem 0.75rem !important - vertical-align: middle !important - box-sizing: border-box !important This forces the styles to apply and prevent text cutoff. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/views/messages/index.html.erb | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/app/views/messages/index.html.erb b/app/views/messages/index.html.erb index f774b9b..5097c9b 100644 --- a/app/views/messages/index.html.erb +++ b/app/views/messages/index.html.erb @@ -309,10 +309,11 @@ $("#submit_button").click(function(event) { /* Fix dropdown height and padding to prevent text cutoff */ #message_receiver_id { - min-height: 52px; - line-height: 1.6; - padding: 0.85rem 0.75rem; - vertical-align: middle; + min-height: 52px !important; + line-height: 1.6 !important; + padding: 0.85rem 0.75rem !important; + vertical-align: middle !important; + box-sizing: border-box !important; } /* Ensure dropdown has proper focus styling */