Fix navbar icon cutoff with proper container padding

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

@@ -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 */