Move quota margin to navbar, adjust alignment

client/src/components/Masthead/Masthead.vue

@@ -99,7 +99,7 @@ onMounted(() => {
                 {{ brand }}
             </span>
         </BNavbarNav>
-        <BNavbarNav v-if="isConfigLoaded">
+        <BNavbarNav v-if="isConfigLoaded" class="mr-1">
             <MastheadItem id="analysis" title="Tools and Current History" icon="fa-home" @click="openUrl('/')" />
             <MastheadItem
                 v-if="windowTab"
@@ -177,6 +177,8 @@ onMounted(() => {
                 cursor: pointer;
                 text-decoration: none;
                 color: var(--masthead-text-color);
+                margin-right: 0.25rem;
+                margin-left: 0.25rem;
                 &:hover {
                     color: var(--masthead-text-hover);
                 }

client/src/components/Masthead/QuotaMeter.vue

@@ -93,7 +93,6 @@ export default {
 .quote-container {
     position: relative;
     height: 100%;
-    margin-right: 0.5rem;
 }
 .quota-text {
     @extend .quote-container;