From f6d457fe0ea89e8c1d8f9787182e6c4b6151f664 Mon Sep 17 00:00:00 2001
From: Scott Pouliot <spouliot@scppowdercoating.com>
Date: Sun, 10 May 2026 13:57:09 -0400
Subject: [PATCH] Condense Operations sidebar: remove 5 items, tighten padding
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Layer 1 — relocate off nav:
  Shop Display + Shop Mobile → Jobs page header (split dropdown on Blank Work Order)
  Powder Insights → Inventory page header button

Layer 2 — remove orphan section headers:
  "Main Menu" (only had Dashboard under it)
  "Reports" (only had Reports link under it)

Layer 3 — CSS density:
  nav-link padding 0.75rem → 0.55rem vertical
  nav-section-title padding 1rem/0.5rem → 0.65rem/0.3rem

Operations mode: 27 elements → 22. Scrollbar eliminated on standard screens.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../Views/Inventory/Index.cshtml              |  3 +++
 src/PowderCoating.Web/Views/Jobs/Index.cshtml | 23 ++++++++++++++++---
 .../Views/Shared/_Layout.cshtml               | 21 ++---------------
 3 files changed, 25 insertions(+), 22 deletions(-)

diff --git a/src/PowderCoating.Web/Views/Inventory/Index.cshtml b/src/PowderCoating.Web/Views/Inventory/Index.cshtml
index 435eca7..b8ffda2 100644
--- a/src/PowderCoating.Web/Views/Inventory/Index.cshtml
+++ b/src/PowderCoating.Web/Views/Inventory/Index.cshtml
@@ -15,6 +15,9 @@
         <a asp-action="Ledger" class="btn btn-outline-secondary">
             <i class="bi bi-journal-text me-2"></i>Inventory Activity
         </a>
+        <a asp-controller="PowderInsights" asp-action="Index" class="btn btn-outline-secondary" title="Powder usage analytics">
+            <i class="bi bi-graph-up me-2"></i>Powder Insights
+        </a>
         <a asp-action="SamplePanels" class="btn btn-outline-primary">
             <i class="bi bi-palette me-2"></i>Manage Sample Panels
         </a>
diff --git a/src/PowderCoating.Web/Views/Jobs/Index.cshtml b/src/PowderCoating.Web/Views/Jobs/Index.cshtml
index 60e8933..b44f291 100644
--- a/src/PowderCoating.Web/Views/Jobs/Index.cshtml
+++ b/src/PowderCoating.Web/Views/Jobs/Index.cshtml
@@ -111,9 +111,26 @@
                     <a asp-controller="JobTemplates" asp-action="Index" class="btn btn-outline-secondary text-nowrap" title="Manage job templates">
                         <i class="bi bi-layout-text-window-reverse me-1"></i><span class="d-none d-md-inline">Templates</span>
                     </a>
-                    <a href="@Url.Action("Blank", "WorkOrder")" target="_blank" class="btn btn-outline-secondary text-nowrap" title="Print a blank work order form">
-                        <i class="bi bi-printer me-1"></i><span class="d-none d-md-inline">Blank Work Order</span>
-                    </a>
+                    <div class="btn-group">
+                        <a href="@Url.Action("Blank", "WorkOrder")" target="_blank" class="btn btn-outline-secondary text-nowrap" title="Print a blank work order form">
+                            <i class="bi bi-printer me-1"></i><span class="d-none d-md-inline">Blank Work Order</span>
+                        </a>
+                        <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false">
+                            <span class="visually-hidden">Shop screens</span>
+                        </button>
+                        <ul class="dropdown-menu dropdown-menu-end">
+                            <li>
+                                <a asp-action="ShopDisplay" class="dropdown-item" target="_blank">
+                                    <i class="bi bi-display me-2 text-primary"></i>Shop Display <small class="text-muted">(TV)</small>
+                                </a>
+                            </li>
+                            <li>
+                                <a asp-action="ShopMobile" class="dropdown-item">
+                                    <i class="bi bi-phone me-2 text-primary"></i>Shop Mobile
+                                </a>
+                            </li>
+                        </ul>
+                    </div>
                 </div>
             </div>
             <!-- Row 2: quick-view pills -->
diff --git a/src/PowderCoating.Web/Views/Shared/_Layout.cshtml b/src/PowderCoating.Web/Views/Shared/_Layout.cshtml
index ee6c037..0cfb3bb 100644
--- a/src/PowderCoating.Web/Views/Shared/_Layout.cshtml
+++ b/src/PowderCoating.Web/Views/Shared/_Layout.cshtml
@@ -290,7 +290,7 @@
         }
 
         .nav-section-title {
-            padding: 1rem 1.5rem 0.5rem;
+            padding: 0.65rem 1.5rem 0.3rem;
             font-family: var(--font-mono, 'IBM Plex Mono', ui-monospace, monospace);
             font-size: 0.68rem;
             font-weight: 500;
@@ -303,7 +303,7 @@
             display: flex;
             align-items: center;
             gap: 0.75rem;
-            padding: 0.75rem 1.5rem;
+            padding: 0.55rem 1.5rem;
             color: rgba(255,255,255,0.75);
             text-decoration: none;
             transition: all 0.2s;
@@ -1073,7 +1073,6 @@
                 var showInventorySection = hasInventory || hasVendors;
                 var showEquipmentSection = hasEquipment || hasMaintenance;
 
-                <div class="nav-section-title" data-nav="both">Main Menu</div>
                 <a asp-controller="Dashboard" asp-action="Index" class="nav-link" data-nav="both">
                     <i class="bi bi-house-door"></i>
                     <span>Dashboard</span>
@@ -1265,26 +1264,10 @@
                         <span>Maintenance</span>
                     </a>
                 }
-                @if (hasInventory || _isAdminOrManager)
-                {
-                    <a asp-controller="PowderInsights" asp-action="Index" class="nav-link" data-nav="ops">
-                        <i class="bi bi-graph-up"></i>
-                        <span>Powder Insights</span>
-                    </a>
-                }
-                <a asp-controller="Jobs" asp-action="ShopDisplay" class="nav-link" data-nav="ops" target="_blank">
-                    <i class="bi bi-display"></i>
-                    <span>Shop Display</span>
-                </a>
-                <a asp-controller="Jobs" asp-action="ShopMobile" class="nav-link" data-nav="ops">
-                    <i class="bi bi-phone"></i>
-                    <span>Shop Mobile</span>
-                </a>
 
                 @* ── Reports & Templates ──────────────────────────────────── *@
                 @if (hasReports || hasJobs)
                 {
-                    <div class="nav-section-title" data-nav="both">Reports</div>
                     @if (hasReports)
                     {
                         <a asp-controller="Reports" asp-action="Landing" class="nav-link" data-nav="both">