fix: viewport height layout, inline back button, meeting distiller sidebar

app/templates/base.html

@@ -77,7 +77,8 @@ tailwind.config = {
 </script>
 <style>
   *, *::before, *::after { box-sizing: border-box; }
-  html, body { height: 100%; }
+  html { height: 100%; }
+  body { height: 100%; 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;
@@ -115,7 +116,7 @@ tailwind.config = {
     transition: background .15s, transform .12s;
     font-family: DM Sans, sans-serif; white-space: nowrap;
   }
-  .hub-back-btn:hover { background: rgba(0,217,126, .18); transform: translateY(-1px); }
+  .hub-back-btn:hover { transform: none; 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 %}
@@ -139,7 +140,18 @@ tailwind.config = {
     lbl.textContent = "DevKit";
     btn.appendChild(icon);
     btn.appendChild(lbl);
-    document.body.appendChild(btn);
+    // Inject into first nav/header element's left group
+    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);
+      }
+    } else {
+      document.body.insertBefore(btn, document.body.firstChild);
+    }
   }
 })();
 </script>