team-alpha/railsgoat
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Increase dropdown height and padding to fully prevent text cutoff

Browse Source 
Increased vertical spacing to ensure recipient names display fully:
- min-height: 48px → 52px
- line-height: 1.5 → 1.6
- padding: 0.75rem → 0.85rem
- Added vertical-align: middle

This provides more breathing room for text to prevent any cutoff
at the bottom of the dropdown field.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Ken Johnson
2025-12-09 16:47:54 +00:00
parent 89cdf5f1d7
commit da1ce63e59
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/views/messages/index.html.erb
+4 -3
View File
@@ -309,9 +309,10 @@ $("#submit_button").click(function(event) {
/* Fix dropdown height and padding to prevent text cutoff */ /* Fix dropdown height and padding to prevent text cutoff */
#message_receiver_id { #message_receiver_id {
min-height: 48px; min-height: 52px;
line-height: 1.5; line-height: 1.6;
padding: 0.75rem 0.75rem; padding: 0.85rem 0.75rem;
vertical-align: middle;
} }
/* Ensure dropdown has proper focus styling */ /* Ensure dropdown has proper focus styling */