Homelabtoolkit v1

templates/bulk_assign.html

@@ -4,8 +4,7 @@
 <meta charset="UTF-8">
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 <title>EmbyToolkit</title>
-<link rel="preconnect" href="https://fonts.googleapis.com">
-<link href="https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
+<link rel="stylesheet" href="/static/app-theme.css">
 <style>
   :root {
     --bg: #0d0f12;
@@ -31,7 +30,7 @@
     margin: 0;
     background: var(--bg);
     color: var(--text);
-    font-family: 'DM Sans', sans-serif;
+    font-family: 'Inter', system-ui, sans-serif;
     display: grid;
     grid-template-columns: 220px 1fr;
     height: 100vh;
@@ -215,7 +214,8 @@
   .selection-meta {
     color: var(--text-2);
     font-size: 12px;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: inherit;
+    font-variant-numeric: tabular-nums;
   }
   .chip-toggle {
     min-height: 34px;
@@ -390,7 +390,8 @@
   .pager-meta {
     color: var(--text-2);
     font-size: 12px;
-    font-family: 'JetBrains Mono', monospace;
+    font-family: inherit;
+    font-variant-numeric: tabular-nums;
   }
   .pager-actions {
     display: flex;
@@ -466,10 +467,17 @@
       <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 3a2.828 2.828 0 1 1 4 4L7.5 20.5 2 22l1.5-5.5L17 3z"/></svg>
       <span>Bulk Assign</span>
     </a></li>
+    <li><a class="app-nav-item" href="/favorites">
+      <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
+      <span>User Favourites</span>
+    </a></li>
   </ul>
-  <div class="app-nav-footer">
-    <span class="dot" id="statusDot"></span>
-    <span id="statusText">Checking…</span>
+  <div class="app-nav-foot">
+    <div class="app-nav-status">
+      <span class="dot" id="statusDot"></span>
+      <span id="statusText">Checking…</span>
+    </div>
+    <div class="app-nav-version">EmbyToolkit · v1.0</div>
   </div>
 </nav>