From 6b7a84197c6612fc1db56460b5bf586e1ca154bb Mon Sep 17 00:00:00 2001 From: Ken Johnson Date: Sun, 7 Dec 2025 01:22:21 -0500 Subject: [PATCH] Fix navbar brand icon display with flexbox alignment MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Fixed Bootstrap Icon being cut off in navbar by adding proper flexbox alignment and line-height controls to the brand link. Changes: - Add display: inline-flex to .rg-brand for proper icon alignment - Add align-items: center to vertically center icon with text - Add gap: 0.5rem for spacing between icon and text - Set line-height: 1 to prevent extra vertical space - Make icon slightly larger (1.75rem) for better visual hierarchy This ensures the shield icon displays fully without being clipped. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude --- app/views/layouts/application.html.erb | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb index 3c9e209..350d2f1 100755 --- a/app/views/layouts/application.html.erb +++ b/app/views/layouts/application.html.erb @@ -69,12 +69,21 @@ font-weight: 700; color: var(--rg-primary); text-decoration: none; + display: inline-flex; + align-items: center; + gap: 0.5rem; + line-height: 1; } .rg-brand:hover { color: var(--rg-primary-dark); } + .rg-brand i { + font-size: 1.75rem; + line-height: 1; + } + /* Modern Sidebar */ .rg-sidebar { position: fixed;