From 4c76c62a3e9a0a4cafc4ce873af93f748cb0fbfe Mon Sep 17 00:00:00 2001
From: Max Richter <max.richter@dynabase.de>
Date: Wed, 21 Jan 2026 11:09:51 +0100
Subject: [PATCH] feat: add header element

---
 app/src/lib/graph-interface/graph/Graph.svelte | 2 +-
 app/src/lib/result-viewer/Viewer.svelte        | 2 +-
 app/src/routes/+page.svelte                    | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/app/src/lib/graph-interface/graph/Graph.svelte b/app/src/lib/graph-interface/graph/Graph.svelte
index 00da50c..052af80 100644
--- a/app/src/lib/graph-interface/graph/Graph.svelte
+++ b/app/src/lib/graph-interface/graph/Graph.svelte
@@ -105,7 +105,7 @@
   onwheel={(ev) => mouseEvents.handleMouseScroll(ev)}
   bind:this={graphState.wrapper}
   class="graph-wrapper"
-  style="height: 100vh;"
+  style="height: 100%;"
   class:is-panning={graphState.isPanning}
   class:is-hovering={graphState.hoveredNodeId !== -1}
   aria-label="Graph"
diff --git a/app/src/lib/result-viewer/Viewer.svelte b/app/src/lib/result-viewer/Viewer.svelte
index b5735b9..e3b5791 100644
--- a/app/src/lib/result-viewer/Viewer.svelte
+++ b/app/src/lib/result-viewer/Viewer.svelte
@@ -95,7 +95,7 @@
   <SmallPerformanceViewer {fps} store={perf} />
 {/if}
 
-<div style="height: 100vh">
+<div style="height: 100%">
   <Canvas>
     <Scene
       bind:this={sceneComponent}
diff --git a/app/src/routes/+page.svelte b/app/src/routes/+page.svelte
index 0a98614..26a98cd 100644
--- a/app/src/routes/+page.svelte
+++ b/app/src/routes/+page.svelte
@@ -172,7 +172,7 @@
 <svelte:document onkeydown={applicationKeymap.handleKeyboardEvent} />
 
 <div class="wrapper manager-{manager?.status}">
-  <header></header>
+  <header class="h-[40px] border-b-1 border-[var(--outline)]"></header>
   <Grid.Row>
     <Grid.Cell>
       <Viewer
@@ -285,7 +285,7 @@
     width: 100vw;
     color: white;
     display: grid;
-    grid-template-rows: 0px 1fr;
+    grid-template-rows: 40px 1fr;
   }
 
   .wrapper :global(canvas) {