Revise background stripe/gradient and ditch interfering margin/padding

web/themes/custom/geofresco/src/global/_elements.scss

@@ -37,10 +37,10 @@
 .navbar {
   background: linear-gradient(
     $body-background-color,
-    $body-background-color 38px,
+    $body-background-color 74px,
-    $light-green 38px,
+    $light-green 74px,
-    $green 84px,
+    $green 120px,
-    $body-background-color 84px,
+    $body-background-color 120px,
     $body-background-color
   );
 }

web/themes/custom/geofresco/src/templates/block/block--system-branding-block.html.twig

@@ -15,7 +15,7 @@
  */
 #}
 {% if site_logo %}
-<div class="column is-narrow logo">
+<div class="logo column is-narrow is-paddingless">
   <figure class="image is-pulled-left">
     <a href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
       <img src="{{ site_logo }}" alt="{{ site_name }} Home" />
@@ -23,7 +23,7 @@
   </figure>
 </div>
 {% endif %}
-<div class="column is-narrow sitename">
+<div class="sitename column is-narrow is-paddingless">
   <a class="site-title title is-3" href="{{ path('<front>') }}" title="{{ 'Home'|t }}" rel="home">
     <span class="green">Grassroots
       Economic</span>

web/themes/custom/geofresco/src/templates/layout/page.html.twig

@@ -19,11 +19,11 @@
 {# We put everything in Bulma columns so must do navbar in header block #}
 {% endblock navbar %}
 {% block header %}
-<div class="columns header">
+<div class="header columns is-marginless">
   {% block navbar_branding %}
   {{ page.navbar_branding }}
   {% endblock navbar_branding %}
-  <nav class="column navigation">
+  <nav class="navigation column">
     <div class="columns">
       {% if page.header_search %}
       <div class="column search-bar is-hidden-mobile">
@@ -31,7 +31,7 @@
       </div>
       {% endif %}
       {% if page.header_user %}
-      <div class="column user-account-menu">
+      <div class="user-account-menu column">
         {{ page.header_user }}
       </div>
       {% endif %}