From ce253f4a651caaa85f86eb8a98bd9cc9073a1b40 Mon Sep 17 00:00:00 2001
From: Patrick Jentsch <p.jentsch@uni-bielefeld.de>
Date: Wed, 13 Nov 2024 16:08:18 +0100
Subject: [PATCH] Make the header span over the complete width

---
 app/static/css/materialize.override.css         | 17 ++++++++---------
 .../_base/navbar_primary_content.html.j2        |  4 ++--
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/app/static/css/materialize.override.css b/app/static/css/materialize.override.css
index 55b07db8..e1876c2f 100644
--- a/app/static/css/materialize.override.css
+++ b/app/static/css/materialize.override.css
@@ -7,29 +7,28 @@
  *
  * Read more: https://materializecss.com/sidenav.html#variations
  */
-body[data-sidenav-fixed="true" i] header,
 body[data-sidenav-fixed="true" i] main,
 body[data-sidenav-fixed="true" i] footer {
   padding-left: 300px;
 }
 
-@media only screen and (max-width : 992px) {
-  body[data-sidenav-fixed="true" i] header,
+@media only screen and (max-width: 992px) {
   body[data-sidenav-fixed="true" i] main,
   body[data-sidenav-fixed="true" i] footer {
     padding-left: 0;
   }
-}
 
-body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
-  width: calc(100% - 300px);
-}
-
-@media only screen and (max-width : 992px) {
   body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
     width: 100%;
   }
 }
+
+@media only screen and (min-width: 993px) {
+  body[data-sidenav-fixed="true" i] .sidenav-fixed {
+    margin-top: 64px;
+    z-index: 996;
+  }
+}
 /* #endregion sidenav-fixed */
 
 /* #region sticky-footer */
diff --git a/app/templates/_base/navbar_primary_content.html.j2 b/app/templates/_base/navbar_primary_content.html.j2
index 0df9b5dc..943c423c 100644
--- a/app/templates/_base/navbar_primary_content.html.j2
+++ b/app/templates/_base/navbar_primary_content.html.j2
@@ -10,8 +10,8 @@
   <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
 </a>
 <!-- large devices -->
-<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down ml-2" style="height: 100%;">
-  <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3" style="height: 100%;">
+<a href="{{ url_for('main.index') }}" class="brand-logo hide-on-med-and-down" style="width: 300px; height: 100%;">
+  <img src="{{ url_for('static', filename='images/nopaque_-_logo+wordmark.png') }}" alt="" class="py-3 ml-4" style="height: 100%;">
 </a>
 
 <!-- right aligned navigation links -->