From 50851320e3353d84e91b0d966810c68565564fb5 Mon Sep 17 00:00:00 2001
From: ImBenji <benjamin.watt@imbenji.net>
Date: Fri, 24 Apr 2026 00:32:53 +0100
Subject: [PATCH] refactor admin navigation; update links to ingest pages and
 improve loading of data in parallel

---
 public/admin/assets/css/intel.css | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/public/admin/assets/css/intel.css b/public/admin/assets/css/intel.css
index 18b8175..6dbd04c 100644
--- a/public/admin/assets/css/intel.css
+++ b/public/admin/assets/css/intel.css
@@ -75,18 +75,22 @@
 
 
 /* ── graph view ── */
-/* on the graph page we flex the page chrome top-to-bottom so the layout
-   grows to fill the viewport. each ancestor in the chain needs min-height:0
-   so the flex child can actually shrink/stretch. */
+/* on the graph page the whole chrome becomes a vertical flex column so
+   the graph + sidebar together fill the remaining viewport. every
+   intermediate container needs min-height:0 for the flex child to
+   actually grow, and the two children explicitly take 100% of the row. */
+
+html, body.page-graph { height: 100%; }
 
 body.page-graph {
   display: flex;
   flex-direction: column;
   min-height: 100vh;
+  overflow: hidden;     /* the svg/info panes scroll internally, not the body */
 }
 
 body.page-graph main.content {
-  flex: 1;
+  flex: 1 1 0;
   display: flex;
   flex-direction: column;
   min-height: 0;
@@ -94,20 +98,24 @@ body.page-graph main.content {
 }
 
 body.page-graph #intel-content {
-  flex: 1;
+  flex: 1 1 0;
   display: flex;
   flex-direction: column;
   min-height: 0;
 }
 
 body.page-graph #intel-graph-layout {
-  flex: 1;
+  flex: 1 1 0;
   min-height: 0;
+  height: 100%;         /* belt-and-braces for safari flex quirks */
 }
 
+/* kill the 600px fallback + let the children stretch to the row */
 body.page-graph #intel-graph-svg-wrap,
 body.page-graph #graph-info {
-  height: auto;   /* let flex sizing win */
+  height: 100%;
+  min-height: 0;
+  align-self: stretch;
 }
 
 
@@ -117,7 +125,7 @@ body.page-graph #graph-info {
 }
 
 #intel-graph-svg-wrap {
-  flex: 1;
+  flex: 1 1 0;
   position: relative;
   background: var(--bg-subtle);
   border: 1px solid var(--border);