From 820714a04f0310081ea78b646de4c3c35afc87d3 Mon Sep 17 00:00:00 2001
From: jamey <jamey@server.jamey.stream>
Date: Mon, 2 Mar 2026 08:19:28 +0000
Subject: [PATCH] move view shop link to top of admin sidebar

More prominent placement just below the header, removed from footer.
Footer now only has dev tools disclosure and log out.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 assets/css/admin/components.css                     | 13 ++++++++++++-
 lib/berrypod_web/components/layouts/admin.html.heex | 12 +++++++-----
 2 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/assets/css/admin/components.css b/assets/css/admin/components.css
index ea73dfd..d275ac4 100644
--- a/assets/css/admin/components.css
+++ b/assets/css/admin/components.css
@@ -228,6 +228,11 @@
   font-size: 0.6875rem;
 }
 
+.admin-btn-block {
+  width: 100%;
+  justify-content: center;
+}
+
 .admin-btn-icon {
   padding: 0.5rem;
   aspect-ratio: 1;
@@ -3280,7 +3285,13 @@
   & .admin-text-secondary { margin-top: 0.125rem; }
 }
 
-/* Sidebar footer (view shop, log out) */
+/* View shop link below sidebar header */
+.admin-sidebar-view-shop {
+  padding: 0.5rem;
+  border-bottom: 1px solid var(--t-border-default);
+}
+
+/* Sidebar footer (dev tools, log out) */
 .admin-sidebar-footer {
   padding: 0.5rem;
   border-top: 1px solid var(--t-border-default);
diff --git a/lib/berrypod_web/components/layouts/admin.html.heex b/lib/berrypod_web/components/layouts/admin.html.heex
index b605444..0c20eac 100644
--- a/lib/berrypod_web/components/layouts/admin.html.heex
+++ b/lib/berrypod_web/components/layouts/admin.html.heex
@@ -51,6 +51,13 @@
         </p>
       </div>
 
+      <%!-- view shop link --%>
+      <div class="admin-sidebar-view-shop">
+        <.link href={~p"/"} class="admin-btn admin-btn-ghost admin-btn-sm admin-btn-block">
+          <.icon name="hero-arrow-top-right-on-square" class="size-4" /> View shop
+        </.link>
+      </div>
+
       <%!-- nav links --%>
       <nav class="admin-sidebar-nav" aria-label="Admin navigation">
         <div class="admin-nav-group">
@@ -193,11 +200,6 @@
       <%!-- sidebar footer --%>
       <div class="admin-sidebar-footer">
         <ul class="admin-nav">
-          <li>
-            <.link href={~p"/"}>
-              <.icon name="hero-arrow-top-right-on-square" class="size-5" /> View shop
-            </.link>
-          </li>
           <li>
             <details class="admin-dev-tools">
               <summary>