From 3baf160c885a266c5dd368a5a6ceb96d450da5dd Mon Sep 17 00:00:00 2001
From: ZDDC <caseywitt@proton.me>
Date: Sat, 9 May 2026 18:48:44 -0500
Subject: [PATCH] style(shared,archive,browse,mdedit): replace inline styles
 with CSS
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Six inline style="" attributes in archive, browse, mdedit templates
moved into stylesheets:

- The font-size:1.1rem override on #refreshHeaderBtn (three tools) is
  now a single rule in shared/base.css — the refresh ⟳ glyph genuinely
  reads smaller than ◐ / ?, so the rule lives next to the existing
  shared icon-button block.
- The flex-start justify-content + select-all margin on archive's
  Revisions column header become a .th-content--start variant +
  .select-all-checkbox class in archive/css/table.css.
- The 450px initial width + 200px min-width on mdedit's #file-nav move
  into mdedit/css/base.css; the runtime resizer continues to override
  via inline style.width when the user drags.

No visual change — the output is exactly equivalent.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 archive/css/table.css | 11 +++++++++++
 archive/template.html | 12 ++++++------
 browse/template.html  |  2 +-
 mdedit/css/base.css   |  8 ++++++++
 mdedit/template.html  |  4 ++--
 shared/base.css       |  5 +++++
 6 files changed, 33 insertions(+), 9 deletions(-)

diff --git a/archive/css/table.css b/archive/css/table.css
index 9b5b34b..e412576 100644
--- a/archive/css/table.css
+++ b/archive/css/table.css
@@ -31,6 +31,17 @@
     cursor: default;
 }
 
+/* Variant: content packs at the start instead of distributing across the
+   column header. Used by the Revisions column where a leading "select all"
+   checkbox sits beside the column title. */
+.th-content--start {
+    justify-content: flex-start;
+}
+
+.th-content--start .select-all-checkbox {
+    margin-right: 0.5rem;
+}
+
 .sortable .th-content {
     cursor: pointer;
 }
diff --git a/archive/template.html b/archive/template.html
index 8fe4d90..7f1fdff 100644
--- a/archive/template.html
+++ b/archive/template.html
@@ -33,7 +33,7 @@
                     <span class="build-timestamp">{{BUILD_LABEL}}</span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
-                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data" style="font-size:1.1rem;">⟳</button>
+                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh Data">⟳</button>
             </div>
             <div class="header-right">
                 <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>
@@ -169,11 +169,11 @@
                                     <div class="resize-handle"></div>
                                 </th>
                                 <th class="resizable" data-field="revisions">
-                                    <div class="th-content" style="justify-content: flex-start;">
-                                        <input type="checkbox" 
-                                               id="selectAllVisibleCheckbox" 
-                                               title="Select/deselect all visible files"
-                                               style="margin-right: 0.5rem;">
+                                    <div class="th-content th-content--start">
+                                        <input type="checkbox"
+                                               id="selectAllVisibleCheckbox"
+                                               class="select-all-checkbox"
+                                               title="Select/deselect all visible files">
                                         <span>Revisions</span>
                                     </div>
 <input type="text" 
diff --git a/browse/template.html b/browse/template.html
index 63dbd8e..211d266 100644
--- a/browse/template.html
+++ b/browse/template.html
@@ -25,7 +25,7 @@
                 <span class="build-timestamp">{{BUILD_LABEL}}</span>
             </div>
             <button id="addDirectoryBtn" class="btn btn-primary">Add Local Directory</button>
-            <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing" style="font-size:1.1rem;">⟳</button>
+            <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh listing" aria-label="Refresh listing">⟳</button>
         </div>
         <div class="header-right">
             <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>
diff --git a/mdedit/css/base.css b/mdedit/css/base.css
index 2ace20e..d1cdd9b 100644
--- a/mdedit/css/base.css
+++ b/mdedit/css/base.css
@@ -403,3 +403,11 @@
     justify-content: flex-end;
     gap: 0.5rem;
 }
+
+/* File-nav pane: initial width + minimum size. Runtime resizer (resizer.js)
+   overrides via inline style.width when the user drags; the min-width here
+   is a defensive backstop. */
+#file-nav {
+    width: 450px;
+    min-width: 200px;
+}
diff --git a/mdedit/template.html b/mdedit/template.html
index 63e008e..484eb65 100644
--- a/mdedit/template.html
+++ b/mdedit/template.html
@@ -30,7 +30,7 @@
                     <span class="build-timestamp">{{BUILD_LABEL}}</span>
                 </div>
                 <button id="addDirectoryBtn" class="btn btn-primary" title="Add a local directory">Add Local Directory</button>
-                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh" style="font-size:1.1rem;">⟳</button>
+                <button id="refreshHeaderBtn" class="btn btn-secondary hidden" title="Refresh directory" aria-label="Refresh">⟳</button>
             </div>
             <div class="header-right">
                 <button id="theme-btn" class="btn btn-secondary" title="Theme: auto (follows OS)" aria-label="Theme: auto (follows OS)">◐</button>
@@ -40,7 +40,7 @@
 
         <main class="flex-1 overflow-hidden relative">
             <div class="resizable-pane horizontal flex flex-row relative w-full h-full overflow-hidden" id="root-pane" data-pane-type="root">
-                <div class="pane nav-pane relative flex flex-col bg-white dark:bg-gray-900 overflow-hidden" id="file-nav" data-pane-type="file-nav" style="width: 450px; min-width: 200px;">
+                <div class="pane nav-pane relative flex flex-col bg-white dark:bg-gray-900 overflow-hidden" id="file-nav" data-pane-type="file-nav">
                     <div class="pane-header flex flex-col px-4 py-2 bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-200 font-medium border-b border-gray-200 dark:border-gray-700 select-none">
                         <div class="flex justify-between items-center w-full">
                             <span>Files</span>
diff --git a/shared/base.css b/shared/base.css
index 5c96dd7..e2baba5 100644
--- a/shared/base.css
+++ b/shared/base.css
@@ -327,6 +327,11 @@ a:hover {
     font-size: 1rem;
 }
 
+/* The refresh ⟳ glyph renders slightly smaller than ◐ / ? — bump to match. */
+#refreshHeaderBtn {
+    font-size: 1.1rem;
+}
+
 /* Toast CSS lives in classifier/css/base.css — only that tool uses toasts. */
 
 /* ── Theme and help icon buttons ─────────────────────────────────────────── */