fix: logo in own grid column, content never overlaps

app/static/style.css

@@ -42,15 +42,15 @@ body {
   width: auto;
 }
 .page-logo-wrap {
-  position: fixed;
-  left: 1.5rem;
+  grid-area: logo;
+  padding: 1.2rem 0 0 1.5rem;
+  align-self: start;
+  position: sticky;
   top: 4.5rem;
-  z-index: 90;
-  width: 110px;
 }
 .page-logo {
-  width: 100%;
-  height: auto;
+  height: clamp(2.5rem, 5vw, 3.5rem);
+  width: auto;
   opacity: 0.9;
   display: block;
 }
@@ -162,7 +162,7 @@ button {
   display: grid;
   grid-template-columns: 1fr;
   gap: 1rem;
-  padding: 1rem 1rem 1rem 8rem;
+  padding: 1rem;
   max-width: 1400px;
   width: 100%;
   box-sizing: border-box;
@@ -772,6 +772,22 @@ button {
   transform: none !important;
 }
 
+/* Dashboard grid layout */
+.dashboard-page {
+  display: grid;
+  grid-template-columns: 130px 1fr;
+  grid-template-rows: auto 1fr;
+  grid-template-areas:
+    header header
+    logo main
+    . footer;
+  min-height: 100vh;
+}
+.dashboard-page .header   { grid-area: header; }
+.dashboard-page .page-logo-wrap { grid-area: logo; }
+.dashboard-page .admin-layout   { grid-area: main; margin: 0; max-width: 100%; }
+.dashboard-page .made-by-wrap   { grid-area: footer; }
+
 /* Richer background */
 .dashboard-page {
   background: