changeset 1375:fabfffa54926

fixed main menu style Added space between icons and text.
author Markus Kottlaender <markus@intevation.de>
date Tue, 27 Nov 2018 13:04:40 +0100
parents 553aadd97087
children e27176811d2f
files client/src/components/Sidebar.vue
diffstat 1 files changed, 16 insertions(+), 8 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Tue Nov 27 12:59:26 2018 +0100
+++ b/client/src/components/Sidebar.vue	Tue Nov 27 13:04:40 2018 +0100
@@ -8,14 +8,16 @@
     </div>
     <div class="menu text-nowrap text-left">
       <router-link to="/">
-        <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>Map
+        <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>
+        Map
       </router-link>
       <a
         href="#"
         @click="toggleContextBox('bottlenecks')"
         :class="['secondary', { active: isActive('bottlenecks') }]"
       >
-        <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>Bottlenecks
+        <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>
+        Bottlenecks
       </a>
       <div v-if="isWaterwayAdmin">
         <a
@@ -23,30 +25,36 @@
           @click="toggleContextBox('imports')"
           :class="['secondary', { active: isActive('imports') }]"
         >
-          <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>Import soundingresults
+          <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>
+          Import soundingresults
         </a>
         <a
           href="#"
           @click="toggleContextBox('staging')"
           :class="['secondary', { active: isActive('staging') }]"
         >
-          <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>Staging area
+          <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>
+          Staging area
         </a>
         <small class="text-muted pl-3">Systemadministration</small>
         <hr class="m-0">
         <router-link to="usermanagement">
-          <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>Users
+          <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>
+          Users
         </router-link>
       </div>
       <div v-if="isSysAdmin">
         <router-link to="systemconfiguration">
-          <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>Systemconfiguration
+          <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>
+          Systemconfiguration
         </router-link>
         <router-link to="logs">
-          <font-awesome-icon icon="book" fixed-width></font-awesome-icon>Logs
+          <font-awesome-icon icon="book" fixed-width></font-awesome-icon>
+          Logs
         </router-link>
         <router-link to="importqueue">
-          <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>Importqueue
+          <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>
+          Importqueue
         </router-link>
       </div>
       <hr class="m-0">