Stick search bar on right for consistency and to fix weirdness at middle sizes

(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/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>