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
This commit is contained in:
benjamin melançon 2025-02-23 23:41:26 -05:00
parent 63ef4371cf
commit 92d29700de
2 changed files with 9 additions and 5 deletions

View file

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

View file

@ -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>