increase spacing of icons

2022-07-10 18:05:55 +01:00 · 2022-07-10 18:05:55 +01:00 · 67bc9e5ba3
parent 3dac486688
commit 67bc9e5ba3
2 changed files with 7 additions and 2 deletions
--- a/src/components/desktop_nav/desktop_nav.scss
+++ b/src/components/desktop_nav/desktop_nav.scss
@ -80,11 +80,16 @@
  }

  .nav-icon {
-    margin-left: 0.2em;
+    margin-left: 1em;
    width: 2em;
    height: 100%;
+    font-size: 130%;
    text-align: center;

+    &-logout {
+      margin-left: 2em;
+    }
+
    .svg-inline--fa {
      color: $fallback--link;
      color: var(--topBarLink, $fallback--link);
--- a/src/components/desktop_nav/desktop_nav.vue
+++ b/src/components/desktop_nav/desktop_nav.vue
@ -63,7 +63,7 @@
        </a>
        <button
          v-if="currentUser"
-          class="button-unstyled nav-icon"
+          class="button-unstyled nav-icon nav-icon-logout"
          @click.prevent="logout"
        >
          <FAIcon