diff --git a/hypha/public/navigation/templates/navigation/primarynav-apply.html b/hypha/public/navigation/templates/navigation/primarynav-apply.html index 72f8366482e3ca23c99c7f4a4fb686f468a5b484..0980776acb4ffaf2606d912b74fa15fca2b94516 100644 --- a/hypha/public/navigation/templates/navigation/primarynav-apply.html +++ b/hypha/public/navigation/templates/navigation/primarynav-apply.html @@ -1,5 +1,5 @@ {% if request.user.is_authenticated %} - <nav role="navigation" aria-label="Primary"> + <nav role="navigation" aria-label="Primary" class="w-full"> <ul class="nav nav--primary" role="menubar"> {% if request.user.is_apply_staff %} {% include "navigation/primarynav-apply-item.html" with name="My dashboard" url="dashboard:dashboard" %} diff --git a/hypha/static_src/src/sass/apply/components/_nav.scss b/hypha/static_src/src/sass/apply/components/_nav.scss index b96b60e8ce7e70593cf68b8ae33826aa15d3ed59..2a3a61049492c4b103fc59e0ca8ed7689ba8063f 100644 --- a/hypha/static_src/src/sass/apply/components/_nav.scss +++ b/hypha/static_src/src/sass/apply/components/_nav.scss @@ -17,15 +17,18 @@ @include media-query(tablet-portrait) { flex-direction: row; justify-content: center; + gap: 2rem; margin-top: 0; text-transform: none; } + + @include media-query(tablet-landscape) { + gap: 3rem; + } } &__item { @include media-query(tablet-portrait) { - margin-right: 75px; - &:last-child { margin-right: 0; }