Fix layout of primary navigation on ipad/medium screen (#3582)

Fixes #3581

hypha/public/navigation/templates/navigation/primarynav-apply.html

 {% 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" %}

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;
             }