From 3672a4729daf70ce33938f9848df3a211452951e Mon Sep 17 00:00:00 2001
From: Coteh <3276350+Coteh@users.noreply.github.com>
Date: Sun, 7 Nov 2021 15:46:32 -0500
Subject: [PATCH] Use .icon class instead of vertically aligning through CSS

---
 assets/App.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/assets/App.vue b/assets/App.vue
index 86945080..1f950f38 100644
--- a/assets/App.vue
+++ b/assets/App.vue
@@ -27,15 +27,15 @@
     </splitpanes>
     <button
       @click="collapseNav = !collapseNav"
-      class="button is-small is-rounded is-settings-control pl-1 pr-1"
+      class="button is-small is-rounded is-settings-control"
       :class="{ collapsed: collapseNav }"
       id="hide-nav"
       v-if="!isMobile && !authorizationNeeded"
     >
-      <span class="pl-6 pr-2" v-if="collapseNav">
+      <span class="icon ml-2" v-if="collapseNav">
         <chevron-right-icon />
       </span>
-      <span v-else>
+      <span class="icon" v-else>
         <chevron-left-icon />
       </span>
     </button>
@@ -174,9 +174,6 @@ export default {
   position: fixed;
   left: 10px;
   bottom: 10px;
-  & svg {
-    vertical-align: middle;
-  }
   &.collapsed {
     left: -40px;
     width: 60px;