Vertically align submenu chevron with first line of text

Also alphabetically organise SCSS

Author: NicolaSaunders

assets-src/styles/sass/60-advanced-components/_navigation.scss

@@ -328,7 +328,7 @@
 	text-decoration: none;
 
 	@include mq($max-width) {
-        align-items: center;
+        align-items: flex-start;
         display: inline-flex;
         padding-inline: rem(2);
 		width: auto;
@@ -340,8 +340,9 @@
             border-style: solid;
             border-width: 0 rem(4) rem(4) 0;
             content: '';
-            inline-size: rem(16);
             flex: 0 0 auto;
+            inline-size: rem(16);
+            margin-block-start: rem(6);
             margin-inline-end: rem(16);
             transform: rotate(-45deg);
         }

public/dist/assets/styles/advanced.css

@@ -634,7 +634,7 @@ br {
 }
 @media screen and (min-width: 70em) {
   .global-nav__inner .nav__submenu li a {
-    align-items: center;
+    align-items: flex-start;
     display: inline-flex;
     padding-inline: 0.125rem;
     width: auto;
@@ -645,8 +645,9 @@ br {
     border-style: solid;
     border-width: 0 0.25rem 0.25rem 0;
     content: "";
-    inline-size: 1rem;
     flex: 0 0 auto;
+    inline-size: 1rem;
+    margin-block-start: 0.375rem;
     margin-inline-end: 1rem;
     transform: rotate(-45deg);
   }