Compile CSS

(this weirdness introduced by other recent changes, but it's better on the right anyway)

Also do not wrap menu on desktop and widescreen.

Ref #114

web/themes/custom/geofresco/dist/css/global.css

@@ -5315,6 +5315,10 @@ label.panel-block {
     #navbar-menu {
       width: 100%;
       justify-content: space-around; } }
+  @media screen and (min-width: 1024px) {
+    #navbar-menu {
+      flex-wrap: nowrap;
+      margin-right: -1rem; } }
 /* Featured images on article pages */
 .featured-image figure.image {
   width: 100vw;

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

@@ -56,6 +56,10 @@
     width: 100%;
     justify-content: space-around;
   }
+  @include from($desktop) {
+    flex-wrap: nowrap;
+    margin-right: -1rem;
+  }
 }
 
 

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

@@ -25,11 +25,6 @@
   {% endblock navbar_branding %}
   <nav class="navigation column">
     <div class="columns">
-      {% if page.header_search %}
-      <div class="search-bar column has-text-right">
-        {{ page.header_search }}
-      </div>
-      {% endif %}
       {% block navbar_social %}
       {% if page.navbar_social %}
       <div class="column is-narrow">
@@ -44,6 +39,11 @@
       </div>
       {% endif %}
       {% endblock primary_menu %}
+      {% if page.header_search %}
+      <div class="search-bar column is-narrow">
+        {{ page.header_search }}
+      </div>
+      {% endif %}
     </div>
   </nav>
 </div>