From 8f77e27db08b74e5f3264bb22110fb8961cef71d Mon Sep 17 00:00:00 2001
From: Lars Gebhardt-Kusche <lars@kusche.berlin>
Date: Wed, 4 Mar 2026 02:08:55 +0100
Subject: [PATCH] layout

---
 partials/structure/layout_start.php | 55 ++++++++++++++---------------
 public/assets/css/app.css           | 14 +++++---
 2 files changed, 36 insertions(+), 33 deletions(-)
diff --git a/partials/structure/layout_start.php b/partials/structure/layout_start.php
index 31d918a..d0cb3b6 100755
--- a/partials/structure/layout_start.php
+++ b/partials/structure/layout_start.php
@@ -24,37 +24,34 @@ if ($currentModule) {
 <body data-theme="<?= e($theme) ?>">
   <div class="bg-orb orb-a"></div>
   <div class="bg-orb orb-b"></div>
-  <header class="topbar">
-    <div class="topbar-left">
-      <?php if ($currentModule && !empty($module['title'])): ?>
-        <h1 class="page-title"><?= e($module['title']) ?></h1>
-        <span class="pill">Modul</span>
-      <?php else: ?>
-        <h1 class="page-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
-        <span class="pill">Dashboard</span>
-      <?php endif; ?>
-    </div>
-    <div class="topbar-actions">
-      <?php if (auth_enabled() && auth_user()): ?>
-        <span class="pill"><?= e(auth_user()['email'] ?? '') ?></span>
-        <a class="nav-link" href="/auth/logout">Logout</a>
-      <?php elseif (auth_enabled()): ?>
-        <a class="nav-link" href="/auth/login">Login</a>
-      <?php endif; ?>
-      <a class="nav-link" href="/users">User</a>
-      <a class="nav-link" href="/modules">Module</a>
-      <a class="nav-link" href="/modules/install">Modul installieren/aktivieren</a>
-    </div>
-  </header>
-
   <div class="app-shell">
+    <header class="topbar">
+      <div class="topbar-left">
+        <img src="/assets/images/logo.png" alt="Nexus Logo" class="topbar-logo">
+        <?php if ($currentModule && !empty($module['title'])): ?>
+          <h1 class="page-title"><?= e($module['title']) ?></h1>
+          <span class="pill">Modul</span>
+        <?php else: ?>
+          <h1 class="page-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></h1>
+          <span class="pill">Dashboard</span>
+        <?php endif; ?>
+      </div>
+      <div class="topbar-actions">
+        <?php if (auth_enabled() && auth_user()): ?>
+          <span class="pill"><?= e(auth_user()['email'] ?? '') ?></span>
+          <a class="nav-link" href="/auth/logout">Logout</a>
+        <?php elseif (auth_enabled()): ?>
+          <a class="nav-link" href="/auth/login">Login</a>
+        <?php endif; ?>
+        <a class="nav-link" href="/users">User</a>
+        <a class="nav-link" href="/modules">Module</a>
+        <a class="nav-link" href="/modules/install">Modul installieren/aktivieren</a>
+      </div>
+    </header>
     <aside class="app-sidebar">
-      <div class="brand">
-        <img src="/assets/images/logo.png" alt="Nexus Logo">
-        <div class="brand-text">
-          <div class="brand-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></div>
-          <div class="brand-sub">Nexus Control Panel</div>
-        </div>
+      <div class="brand-text">
+        <div class="brand-title"><?= htmlspecialchars(t('common.title'), ENT_QUOTES) ?></div>
+        <div class="brand-sub">Nexus Control Panel</div>
       </div>
 
       <button class="sidebar-toggle" data-sidebar-toggle aria-label="Menü ein-/ausklappen">
diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index f9c03fa..c1d5ac2 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -79,7 +79,7 @@ body {
   display: grid;
   grid-template-columns: 260px 1fr;
   gap: 24px;
-  padding: 0 24px 24px;
+  padding: 24px;
 }
 
 .app-sidebar {
@@ -130,6 +130,12 @@ body {
   align-items: center;
   gap: 14px;
 }
+.topbar-logo {
+  height: 40px;
+  width: auto;
+  filter: drop-shadow(0 8px 18px rgba(0,0,0,0.12));
+  margin-right: 10px;
+}
 .brand img {
   height: 46px;
   width: auto;
@@ -198,10 +204,10 @@ body {
   top: 0;
   z-index: 20;
   margin: 0;
-  width: 100%;
+  grid-column: 1 / -1;
   background: var(--panel);
   border: 1px solid var(--line);
-  border-radius: 0;
+  border-radius: 16px;
   padding: 16px 24px;
   display: flex;
   align-items: center;
@@ -311,7 +317,7 @@ body {
 }
 
 @media (max-width: 1100px) {
-  .app-shell { grid-template-columns: 1fr; padding: 0 18px 18px; }
+  .app-shell { grid-template-columns: 1fr; padding: 18px; }
   .app-sidebar { position: relative; top: 0; }
 }
 @media (max-width: 720px) {
