Merge pull request 'merge from develop to fix header nav view' (#67) from develop into main

Reviewed-on: #67

asset/scss/modules/_header.scss

@@ -21,6 +21,7 @@
         @include xy-cell(12);
         @include flex;
         @include flex-align(center, middle);
+        padding-bottom: $global-padding*2;
         a, button {
           color: $black;
           &:hover {
@@ -56,20 +57,43 @@
           }
         }
       }
-      @include breakpoint(large) {
+      @include breakpoint(medium) {
         @include xy-cell(auto);
         @include flex;
-        @include flex-align(right, middle);
-        padding-bottom: 0;//$global-padding;
+        //@include flex-align(right, middle);
+        //padding-bottom: 0;//$global-padding;
         menu {
           margin: inherit;
           padding: inherit;
+          .menu {
+            &.dropdown {
+              li,.button {
+                font-size: $global-font-size*1.4;//$header-menu-font-size;
+              }
+            }
+            .button {
+                margin-left: $global-margin/2;
+            }
+          }
+        }
+      }
+      @include breakpoint(xlarge) {
+        // @include xy-cell(auto);
+        // @include flex;
+        @include flex-align(right, middle);
+        padding-bottom: 0;//$global-padding;
+        menu {
+          // margin: inherit;
+          // padding: inherit;
           .menu {
             &.dropdown {
               justify-content: end;
               li,.button {
                 font-size: $global-font-size*1.4;//$header-menu-font-size;
               }
+              .button {
+                margin-left: $global-margin;
+              }
             }
           }
         }