From da2acbf377d33f653a24edbf54df8d5b56eab980 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20Erbsh=C3=A4u=C3=9Fer?= <tobias@tesoft.dev>
Date: Sun, 24 May 2026 09:22:45 +0200
Subject: [PATCH] fix alignment of nav
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Tobias Erbshäußer <tobias@tesoft.dev>
---
 frontend/src/components/nav.njk | 34 +++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/frontend/src/components/nav.njk b/frontend/src/components/nav.njk
index 7fbae08..14dda98 100644
--- a/frontend/src/components/nav.njk
+++ b/frontend/src/components/nav.njk
@@ -20,13 +20,19 @@
             border-radius: 0.5rem;
             display: grid;
             gap: 1rem;
-            grid-template-columns: auto 1fr;
+            grid-template-columns: 4rem 1fr;
             grid-template-rows: auto;
             padding: var(--small-padding) var(--medium-padding) var(--small-padding) var(--medium-padding);
         }
 
-        .logo {
-            padding-right: var(--medium-padding);
+        a {
+            display: grid;
+            grid-template-columns: 1fr;
+            grid-template-rows: 1fr;
+        }
+
+        a > svg {
+            fill: var(--light-gray);
         }
 
         slot {
@@ -34,7 +40,7 @@
             gap: var(--small-padding);
             grid-auto-columns: 14rem;
             grid-auto-flow: column;
-            grid-template-rows: 4rem;
+            grid-template-rows: 1fr;
             justify-content: start;
         }
 
@@ -44,20 +50,24 @@
 
         tesoft-button.small-menu::part(children) {
             display: grid;
-            grid-template-columns: 1fr auto;
+            gap: 1rem;
+            grid-template-columns: 1fr 4rem;
             grid-template-rows: auto;
             width: 100%;
         }
 
         tesoft-button.small-menu span {
             grid-column-start: 1;
-            grid-column-end: 3;
+            grid-column-end: 2;
             grid-row: 1;
         }
 
         tesoft-button.small-menu svg {
             grid-column: 2;
             grid-row: 1;
+            height: 2.4rem;
+            justify-self: end;
+            width: 2.4rem;
         }
 
         dialog {
@@ -67,6 +77,7 @@
         }
 
         dialog.small-menu tesoft-button {
+            min-height: 4rem;
             width: 100%;
         }
 
@@ -110,13 +121,17 @@
 
     <nav>
         <div>
-            <img class="logo" src="/public/assets/logo.svg">
+            <a href="/">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
+                    <path d="M240-360h96q19 0 32.5-13.5T382-406v-148q0-19-13.5-32.5T336-600h-96v240Zm46-46v-148h50v148h-50Zm149 46h98v-46h-82v-52h52v-46h-52v-50h82v-46h-98q-13 0-21.5 8.5T405-570v180q0 13 8.5 21.5T435-360Zm228.5-9.5Q673-378 676-391l56-209h-48l-43 164-43-164h-48l56 209q3 13 12.5 21.5T641-361q13 0 22.5-8.5ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z"/>
+                </svg>
+            </a>
             <slot>
             </slot>
             <tesoft-button class="small-menu">
                 <span></span>
 
-                <svg xmlns="http://www.w3.org/2000/svg" height="2.4rem" viewBox="0 -960 960 960" width="2.4rem">
+                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
                     <path d="M120-240v-80h720v80H120Zm0-200v-80h720v80H120Zm0-200v-80h720v80H120Z"/>
                 </svg>
             </tesoft-button>
@@ -130,8 +145,7 @@
     <dialog class="exec" closedby="any">
         <div>
             <tesoft-input>
-                <svg slot="left" xmlns="http://www.w3.org/2000/svg" height="2.4rem" viewBox="0 -960 960 960"
-                     width="2.4rem">
+                <svg slot="left" xmlns="http://www.w3.org/2000/svg" viewBox="0 -960 960 960">
                     <path d="M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z"/>
                 </svg>
             </tesoft-input>