From f6cf697ccb6ef46e0d04407feba8d6f54b6edb64 Mon Sep 17 00:00:00 2001
From: Ken Johnson <cktricky@gmail.com>
Date: Sun, 7 Dec 2025 01:25:29 -0500
Subject: [PATCH] Fix navbar icon cutoff with proper container padding
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixed shield icon being cut off by adding container padding and
ensuring proper spacing from viewport edge.

Changes:
- Add overflow: visible to .rg-header to prevent clipping
- Increase container-fluid padding to 2rem for edge spacing
- Remove left padding from first col-auto to align with container
- Add min-width to icon for consistent sizing
- Remove negative row margins that could cause cutoff

The icon now has proper space from the viewport edge and displays
fully without being clipped down the middle.

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 app/views/layouts/application.html.erb | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index 350d2f1..ef5d382 100755
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -62,6 +62,17 @@
       right: 0;
       z-index: 1030;
       box-shadow: 0 2px 4px rgba(0,0,0,0.08);
+      overflow: visible;
+    }
+
+    .rg-header .container-fluid {
+      padding-left: 2rem;
+      padding-right: 2rem;
+    }
+
+    .rg-header .col-auto:first-child {
+      padding-left: 0;
+      margin-left: 0;
     }
 
     .rg-brand {
@@ -82,6 +93,14 @@
     .rg-brand i {
       font-size: 1.75rem;
       line-height: 1;
+      display: inline-block;
+      min-width: 1.75rem;
+      text-align: center;
+    }
+
+    .rg-header .row {
+      margin-left: 0;
+      margin-right: 0;
     }
 
     /* Modern Sidebar */