From 773be52f3e29d50a870bf0d78efc3fae94d9c8dd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Asger=20Juul=20Brunsh=C3=B8j?= <asgerbrunshoj@gmail.com>
Date: Tue, 21 Jan 2025 10:02:12 +0100
Subject: [PATCH] header sizing

---
 crates/ascend/src/components/header.rs | 18 +++++++++++-------
 crates/ascend/src/pages/edit_wall.rs   |  4 ++--
 2 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/crates/ascend/src/components/header.rs b/crates/ascend/src/components/header.rs
index cd1ada1..5de0423 100644
--- a/crates/ascend/src/components/header.rs
+++ b/crates/ascend/src/components/header.rs
@@ -16,17 +16,21 @@ pub fn Header(items: HeaderItems) -> impl IntoView {
     let HeaderItems { left, middle, right } = items;
 
     view! {
-        <div class="text-xl font-semibold p-4 flex gap-4">
+        <div class="grid grid-cols-[1fr_3fr_1fr] text-xl font-semibold p-4">
             // Left side of header
-            <Items items=left />
-
-            // Expanding space in the middle
-            <div class="flex-auto mx-auto">
-                <Items items=middle />
+            <div >
+                <Items items=left />
             </div>
 
+            // Expanding space in the middle
+                <div class="w-fit mx-auto font-semibold">
+                    <Items items=middle />
+                </div>
+
             // Right side of header
-            <Items items=right />
+            <div >
+                <Items items=right />
+            </div>
         </div>
     }
 }
diff --git a/crates/ascend/src/pages/edit_wall.rs b/crates/ascend/src/pages/edit_wall.rs
index 6b69dac..28d95b7 100644
--- a/crates/ascend/src/pages/edit_wall.rs
+++ b/crates/ascend/src/pages/edit_wall.rs
@@ -25,11 +25,11 @@ pub fn EditWall() -> impl leptos::IntoView {
 
     let header_items = HeaderItems {
         left: vec![HeaderItem {
-            text: "← ".to_string(),
+            text: "← Ascend".to_string(),
             link: Some("/wall".to_string()),
         }],
         middle: vec![HeaderItem {
-            text: "Edit wall".to_string(),
+            text: "EDIT WALL".to_string(),
             link: None,
         }],
         right: vec![],