fix: back button inline (remove position:fixed), body flex-col height

app/templates/base.html

@@ -77,8 +77,8 @@ tailwind.config = {
 </script>
 <style>
   *, *::before, *::after { box-sizing: border-box; }
-  html { height: 100%; }
-  body { height: 100%; display: flex; flex-direction: column; }
+  html, body { height: 100%; }
+  body { display: flex; flex-direction: column; }
   body { font-family: DM Sans, sans-serif; }
   .material-symbols-outlined {
     font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
@@ -106,17 +106,15 @@ tailwind.config = {
     .flex-1.overflow-hidden { flex: 1 1 auto; min-width: 0; }
   }
   .hub-back-btn {
-    position: fixed; top: 0.9rem; left: 1rem; z-index: 9999;
-    display: flex; align-items: center; gap: 5px;
+    display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0;
     padding: 4px 10px 4px 7px; border-radius: 100px;
     background: rgba(0,217,126, .1);
-    border: 1px solid rgba(0,217,126, .28);
+    border: 1px solid rgba(0,217,126, .22);
     color: #00d97e; font-size: 11px; font-weight: 600;
-    text-decoration: none; backdrop-filter: blur(8px);
-    transition: background .15s, transform .12s;
-    font-family: DM Sans, sans-serif; white-space: nowrap;
+    text-decoration: none; transition: background .15s;
+    font-family: DM Sans, sans-serif; white-space: nowrap; vertical-align: middle;
   }
-  .hub-back-btn:hover { transform: none; background: rgba(0,217,126, .18); }
+  .hub-back-btn:hover { background: rgba(0,217,126, .18); }
   .hub-back-btn-icon { font-size: 14px !important; color: #00d97e; line-height: 1; vertical-align: middle; }
 </style>
 {% block extra_head %}{% endblock %}
@@ -140,15 +138,11 @@ tailwind.config = {
     lbl.textContent = "DevKit";
     btn.appendChild(icon);
     btn.appendChild(lbl);
-    // Inject into first nav/header element's left group
-    var navEl = document.querySelector('header, nav');
+    var navEl = document.querySelector("header, nav");
     if (navEl) {
-      var leftDiv = navEl.querySelector('div');
-      if (leftDiv) {
-        leftDiv.insertBefore(btn, leftDiv.firstChild);
-      } else {
-        navEl.insertBefore(btn, navEl.firstChild);
-      }
+      var leftDiv = navEl.querySelector("div");
+      if (leftDiv) { leftDiv.insertBefore(btn, leftDiv.firstChild); }
+      else { navEl.insertBefore(btn, navEl.firstChild); }
     } else {
       document.body.insertBefore(btn, document.body.firstChild);
     }