Fixed some blank spaces in sidebar

front/src/components/Sidebar.vue

@@ -35,24 +35,24 @@
           <div class="header">{{ $t('My account') }}</div>
           <div class="menu">
             <router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'profile', params: {username: $store.state.auth.username}}"><i class="user icon"></i>{{ $t('Logged in as {%name%}', { name: $store.state.auth.username }) }}</router-link>
-            <router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'logout'}"><i class="sign out icon"></i> {{ $t('Logout') }}</router-link>
-            <router-link class="item" v-else :to="{name: 'login'}"><i class="sign in icon"></i> {{ $t('Login') }}</router-link>
+            <router-link class="item" v-if="$store.state.auth.authenticated" :to="{name: 'logout'}"><i class="sign out icon"></i>{{ $t('Logout') }}</router-link>
+            <router-link class="item" v-else :to="{name: 'login'}"><i class="sign in icon"></i>{{ $t('Login') }}</router-link>
           </div>
         </div>
         <div class="item">
           <div class="header">{{ $t('Music') }}</div>
           <div class="menu">
             <router-link class="item" :to="{path: '/library'}"><i class="sound icon"> </i>{{ $t('Browse library') }}</router-link>
-            <router-link class="item" v-if="$store.state.auth.authenticated" :to="{path: '/favorites'}"><i class="heart icon"></i> {{ $t('Favorites') }}</router-link>
+            <router-link class="item" v-if="$store.state.auth.authenticated" :to="{path: '/favorites'}"><i class="heart icon"></i>{{ $t('Favorites') }}</router-link>
             <a
               @click="$store.commit('playlists/chooseTrack', null)"
               v-if="$store.state.auth.authenticated"
               class="item">
-              <i class="list icon"></i> {{ $t('Playlists') }}
+              <i class="list icon"></i>{{ $t('Playlists') }}
             </a>
             <router-link
               v-if="$store.state.auth.authenticated"
-              class="item" :to="{path: '/activity'}"><i class="bell icon"></i> {{ $t('Activity') }}</router-link>
+              class="item" :to="{path: '/activity'}"><i class="bell icon"></i>{{ $t('Activity') }}</router-link>
           </div>
         </div>
         <div class="item" v-if="showAdmin">
@@ -62,7 +62,7 @@
               class="item"
               v-if="$store.state.auth.availablePermissions['import.launch']"
               :to="{name: 'library.requests', query: {status: 'pending' }}">
-              <i class="download icon"></i> {{ $t('Import requests') }}
+              <i class="download icon"></i>{{ $t('Import requests') }}
               <div
                 :class="['ui', {'teal': notifications.importRequests > 0}, 'label']"
                 :title="$t('Pending import requests')">
@@ -72,7 +72,7 @@
               class="item"
               v-if="$store.state.auth.availablePermissions['federation.manage']"
               :to="{path: '/manage/federation/libraries'}">
-              <i class="sitemap icon"></i> {{ $t('Federation') }}
+              <i class="sitemap icon"></i>{{ $t('Federation') }}
               <div
                 :class="['ui', {'teal': notifications.federation > 0}, 'label']"
                 :title="$t('Pending follow requests')">