From 04fd2b73f987f719357f18b0baba8077ce884bc9 Mon Sep 17 00:00:00 2001
From: Harrison Hassig <harrisonhassig@gmail.com>
Date: Tue, 29 Oct 2024 14:38:53 +0100
Subject: [PATCH] Better margins for all screen widths

---
 app/packs/stylesheets/decidim/decidim_application.scss | 8 ++++++--
 app/views/layouts/decidim/header/_main.html.erb        | 2 +-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/packs/stylesheets/decidim/decidim_application.scss b/app/packs/stylesheets/decidim/decidim_application.scss
index a8d1d1977..b6c49e11d 100644
--- a/app/packs/stylesheets/decidim/decidim_application.scss
+++ b/app/packs/stylesheets/decidim/decidim_application.scss
@@ -77,6 +77,10 @@
 .brand-bar {
   padding-top: 0.2rem !important;
   padding-bottom: 0.2rem !important;
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+  width: auto;
 }
 
 .bcn-cat-link > a {
@@ -102,7 +106,7 @@
     text-decoration: underline;
 }
 
-body > div.layout-container > header > div.main-bar.brand-bar > div.bcn-logo > a > span {
+body > div.layout-container > header > div.brand-bar > div.bcn-logo > a > span {
   display: none;
 }
 
@@ -124,7 +128,7 @@ body > div.layout-container > header > div.main-bar.brand-bar > div.bcn-logo > a
 
 @media screen and (max-width: 768px) {
     .brand-bar {
-        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
+        // grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
     }
 }
 
diff --git a/app/views/layouts/decidim/header/_main.html.erb b/app/views/layouts/decidim/header/_main.html.erb
index f546d654f..0d6dca802 100644
--- a/app/views/layouts/decidim/header/_main.html.erb
+++ b/app/views/layouts/decidim/header/_main.html.erb
@@ -1,4 +1,4 @@
-<div class="main-bar brand-bar">
+<div class="brand-bar home__section">
   <div class="bcn-cat-link">
     <a href="https://www.barcelona.cat/ca" class="bcnbrand-main-link" title="Barcelona" data-ga="barcelona.cat">www.barcelona.cat</a>
   </div>