From 395ab180902f73cccffd16477e4d62ee44a22794 Mon Sep 17 00:00:00 2001
From: T <T>
Date: Fri, 20 Feb 2026 23:28:45 +0100
Subject: [PATCH] Align event date, logo and h1

---
 _includes/header.html |  2 +-
 _sass/_layout.scss    | 40 +++++++++++++++++++++++++++++++++++-----
 2 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/_includes/header.html b/_includes/header.html
index 59f96ed..01163f1 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -5,7 +5,7 @@
                 <img src="/img/hip_logo_opt.svg" class="logo" alt="{{ site.title }}">
             </a>
 
-            <p class="navbar-text" style="margin-top: 12px">{{ site.event.date }}</p>
+            <p class="navbar-text navbar-event-date">{{ site.event.date }}</p>
 
             <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                     data-target=".navbar-collapse">
diff --git a/_sass/_layout.scss b/_sass/_layout.scss
index 6f3e09e..c5a1747 100644
--- a/_sass/_layout.scss
+++ b/_sass/_layout.scss
@@ -12,7 +12,7 @@ body {
 }
 
 h1 {
-  padding-left: 160px;
+  padding-left: 138px;
   padding-bottom: 20px;
   color: $nav-link-color;
 }
@@ -28,13 +28,23 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
 }
 
 .content {
-  padding-top: 90px;
+  padding-top: 60px;
   padding-left: 0;
   padding-right: 0;
   background: $primary-bg url('/img/logowall_opt.svg') center top;
   background-size: 300px;
 }
 
+@media (min-width: 768px) {
+  h1 {
+    padding-left: 192px;
+  }
+
+  .content {
+    padding-top: 73px;
+  }
+}
+
 .header {
   background-color: $primary-bg;
 }
@@ -47,7 +57,7 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
 }
 
 .navigation {
-  height: 50px;
+  min-height: 50px;
   background-color: $primary-bg;
   border-bottom: 1px #aaa solid;
 }
@@ -58,8 +68,6 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
   border: 0;
 
   .in, .collapsing {
-    margin-top: -60px;
-
     .navbar-nav {
       background-color: $primary-bg;
 
@@ -68,6 +76,28 @@ a, .navbar-default .navbar-nav li a, .navbar-nav > li > a {
       }
     }
   }
+
+  .navbar-event-date {
+    color: #777;
+    line-height: 20px;
+    white-space: nowrap;
+  }
+}
+
+@media (max-width: 767px) {
+  .navigation .navbar-brand {
+    padding-right: 8px;
+  }
+
+  .navigation .logo {
+    width: 110px;
+    margin-bottom: -20px;
+  }
+
+  .navigation .navbar-event-date {
+    float: left;
+    margin: 15px 0 0 6px;
+  }
 }
 
 .post, .box {