fix footer menu vertical stacking, less spacing between icon group and menu icons (top)

This commit is contained in:
welpo 2024-11-11 18:47:32 +01:00
parent bcda881b26
commit 79a4b5a453
No known key found for this signature in database
GPG key ID: A2F978CF4EC1F5A6
2 changed files with 10 additions and 8 deletions

View file

@ -25,20 +25,26 @@ header {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
gap: 1px;
ul { ul {
display: inherit; display: flex;
flex-wrap: inherit; flex-wrap: inherit;
justify-content: inherit; justify-content: inherit;
align-items: inherit; align-items: inherit;
gap: inherit; gap: inherit;
gap: 1px;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
} }
} }
#menu-icons-group {
gap: 1px;
margin: 0;
padding: 0;
}
.nav-links { .nav-links {
justify-content: right; justify-content: right;
padding: 0.66rem; padding: 0.66rem;
@ -160,21 +166,17 @@ header {
.nav-navs { .nav-navs {
display: flex; display: flex;
justify-content: flex-end; justify-content: center;
} }
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
.nav-navs { .nav-navs {
flex-wrap: wrap;
justify-content: center;
margin-top: 0.8rem; margin-top: 0.8rem;
width: 100%;
} }
.navbar { .navbar {
flex-direction: column; flex-direction: column;
justify-content: center;
align-items: center; align-items: center;
} }
} }

View file

@ -19,7 +19,7 @@
{%- endif -%} {%- endif -%}
{#- Wrap the icons in a div to keep them all together -#} {#- Wrap the icons in a div to keep them all together -#}
<div class="nav-navs"> <div class="nav-navs" id="menu-icons-group">
{# Search #} {# Search #}
{%- if config.build_search_index %} {%- if config.build_search_index %}
{%- set search_icon_title = macros_translate::translate(key='search_icon_title', default='Press $SHORTCUT to open search', language_strings=language_strings) -%} {%- set search_icon_title = macros_translate::translate(key='search_icon_title', default='Press $SHORTCUT to open search', language_strings=language_strings) -%}