fix(StandardMenu): move 'more apps' buttons down (#510)

src/scss/menu.scss

@@ -490,7 +490,7 @@ $header-icon-size: 20px;
         color: var(--color-primary-text);
         text-align: center;
         left: 50%;
-        top: 45%;
+        top: 55%;
         display: block;
         min-width: 100%;
         transform: translateX(-50%);
@@ -562,23 +562,27 @@ $header-icon-size: 20px;
     }
   }
 
-  .app-menu-more .button-vue--vue-tertiary {
+  &-app-menu-more {
-    opacity: 0.7;
+    padding-top: 9px !important;
-    margin: 8px 3px 3px 3px;
-    filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
-    &:not([aria-expanded='true']) {
+    .button-vue--vue-tertiary {
-      color: var(--color-main-text);
+      opacity: 0.7;
+      margin: 8px 3px 3px 3px;
+      filter: var(--background-image-invert-if-bright, var(--primary-invert-if-bright));
 
-      &:hover {
+      &:not([aria-expanded='true']) {
-        opacity: 1;
+        color: var(--color-main-text);
-        background-color: transparent !important;
+
+        &:hover {
+          opacity: 1;
+          background-color: transparent !important;
+        }
       }
-    }
 
-    &:focus-visible {
+      &:focus-visible {
-      opacity: 1;
+        opacity: 1;
-      outline: none !important;
+        outline: none !important;
+      }
     }
   }