From 95f936efb3ed29257913b78f213a558b80d1dbe7 Mon Sep 17 00:00:00 2001
From: philli-m <5871230+philli-m@users.noreply.github.com>
Date: Tue, 17 Oct 2023 08:16:46 +0200
Subject: [PATCH] header_lower: add border when no logo on org page fixes #37

---
 adhocracy-plus/assets/scss/components/_blocks.scss       | 7 ++++++-
 adhocracy-plus/assets/scss/components/_header_lower.scss | 2 +-
 adhocracy-plus/templates/header_lower.html               | 5 ++---
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/adhocracy-plus/assets/scss/components/_blocks.scss b/adhocracy-plus/assets/scss/components/_blocks.scss
index 273622aa7..6599f8162 100644
--- a/adhocracy-plus/assets/scss/components/_blocks.scss
+++ b/adhocracy-plus/assets/scss/components/_blocks.scss
@@ -43,11 +43,16 @@ $block-padding-md: 7.5 * $padding;
 // multi col cta with content styling
 .block-columns_cta {
     text-align: center;
+    padding: $spacer;
 
     .block-row-1 {
         justify-content: center;
     }
 
+    @media screen and (min-width: $breakpoint) {
+        padding: initial;
+    }
+
     .block-col_cta-btn {
         width: 100%;
         margin: auto;
@@ -172,7 +177,7 @@ $block-padding-md: 7.5 * $padding;
 }
 
 .block-paragraph {
-    @extend .py-3;
+    padding: $spacer;
 }
 
 .block-download {
diff --git a/adhocracy-plus/assets/scss/components/_header_lower.scss b/adhocracy-plus/assets/scss/components/_header_lower.scss
index 2ac5789fc..9807e8f11 100644
--- a/adhocracy-plus/assets/scss/components/_header_lower.scss
+++ b/adhocracy-plus/assets/scss/components/_header_lower.scss
@@ -38,7 +38,7 @@
     width: auto;
 }
 
-.header-lower__brand {
+.header-lower__brand--border {
     z-index: 1;
     border-left: 2px solid $brand-primary;
     border-top: 2px solid $brand-primary;
diff --git a/adhocracy-plus/templates/header_lower.html b/adhocracy-plus/templates/header_lower.html
index 7951a854e..ef400474d 100644
--- a/adhocracy-plus/templates/header_lower.html
+++ b/adhocracy-plus/templates/header_lower.html
@@ -4,6 +4,7 @@
 <div class="header-lower__position">
     <div class="col-md-10 offset-md-1 ps-3 ps-md-0">
         <nav class="header-lower__nav">
+            {% url 'organisation' organisation_slug=organisation.slug as organisation_url %}
 
             {% if organisation.logo %}
               {% url 'organisation' organisation_slug=organisation.slug as organisation_url %}
@@ -11,15 +12,13 @@
                     <img src="{% thumbnail organisation.logo '0x160' %}" height="80" alt="{{ organisation.name }}" class="header-lower__logo-img" />
                 </a>
             {% else %}
-              <div class="header-lower__brand u-bg-body">
+              <div class="header-lower__brand u-bg-body {% if request.get_full_path == organisation_url or '/information' in request.get_full_path %}header-lower__brand--border{% endif %}">
                 <a class="header-lower__brand--link fw-bold" href="{% url 'organisation' organisation_slug=organisation.slug %}">
                     {{ organisation.name }}
                 </a>
               </div>
             {% endif %}
 
-            {% url 'organisation' organisation_slug=organisation.slug as organisation_url %}
-
             {% if request.get_full_path == organisation_url or '/information' in request.get_full_path %}
                 <ul class="header-lower__nav-list--md d-none d-sm-block">
                   {% include 'includes/header_lower_org_items.html' %}