misc small fixes

src/pages/_partials/MainHeader.vue

@@ -46,7 +46,7 @@
         @click="optionsVisible = !optionsVisible"
         variant="outline-dark"
       >
-        Options <span class="collapse-icon" :class="optionsVisible ? null : 'collapsed'">></span>
+        Options <span class="collapse-icon" :class="{ collapsed: !optionsVisible }">></span>
       </b-button>
     </b-navbar>
 
@@ -178,6 +178,9 @@ export default {
   }
 
   .nav-list {
+    margin-left: auto;
+    margin-right: 1rem;
+
     ul {
       display: flex;
       padding: 0;
@@ -232,18 +235,6 @@ export default {
   }
 }
 
-.collapse-icon {
-  display: inline-block;
-  transform: translate(0, 2px) rotate(270deg);
-  line-height: 0;
-  font-size: 1.2rem;
-  font-weight: 200;
-
-  &.collapsed {
-    transform: translate(3px, 2px) rotate(90deg) ;
-  }
-}
-
 // #collapse-options {
 //   @include media-breakpoint-down(sm) {
 //     position: absolute;