# HG changeset patch
# User Bernhard Reiter <bernhard@intevation.de>
# Date 1543504441 -3600
# Node ID 350e9a168bc89b83bdd8e48c49958f69a6fc4f2c
# Parent  acb4e493775eb1daaa6e9c146b1ccb6a6d1dc88f
client: improve translation of sidebar

 * Use general css fix to the vue-gettext removing leading white-space problem
   for the sidebar. This way only one place needs to be changed.

diff -r acb4e493775e -r 350e9a168bc8 client/src/components/Sidebar.vue
--- a/client/src/components/Sidebar.vue	Thu Nov 29 15:44:15 2018 +0100
+++ b/client/src/components/Sidebar.vue	Thu Nov 29 16:14:01 2018 +0100
@@ -9,7 +9,7 @@
     <div class="menu text-nowrap text-left">
       <router-link to="/">
         <font-awesome-icon icon="map-marked-alt" fixed-width></font-awesome-icon>
-        <translate>Map</translate>
+        <span v-translate class="fix-trans-space">Map</span>
       </router-link>
       <a
         href="#"
@@ -17,7 +17,7 @@
         :class="['secondary', { active: isActive('bottlenecks') }]"
       >
         <font-awesome-icon icon="ship" fixed-width></font-awesome-icon>
-        <translate>Bottlenecks</translate>
+        <span v-translate class="fix-trans-space">Bottlenecks</span>
       </a>
       <div v-if="isWaterwayAdmin">
         <a
@@ -26,7 +26,7 @@
           :class="['secondary', { active: isActive('imports') }]"
         >
           <font-awesome-icon icon="upload" fixed-width></font-awesome-icon>
-          <translate>Import soundingresults</translate>
+          <span v-translate class="fix-trans-space">Import soundingresults</span>
         </a>
         <a
           href="#"
@@ -34,7 +34,7 @@
           :class="['secondary', { active: isActive('staging') }]"
         >
           <font-awesome-icon icon="clipboard-check" fixed-width></font-awesome-icon>
-          <translate>Staging area</translate>
+          <span v-translate class="fix-trans-space">Staging area</span>
         </a>
         <small class="text-muted pl-3">
           <translate>Systemadministration</translate>
@@ -42,27 +42,27 @@
         <hr class="m-0">
         <router-link to="usermanagement">
           <font-awesome-icon icon="users-cog" fixed-width></font-awesome-icon>
-          <translate>Users</translate>
+          <span v-translate class="fix-trans-space">Users</span>
         </router-link>
       </div>
       <div v-if="isSysAdmin">
         <router-link to="systemconfiguration">
           <font-awesome-icon icon="wrench" fixed-width></font-awesome-icon>
-          <translate>Systemconfiguration</translate>
+          <span v-translate class="fix-trans-space">Configuration</span>
         </router-link>
         <router-link to="logs">
           <font-awesome-icon icon="book" fixed-width></font-awesome-icon>
-          <translate>Logs</translate>
+          <span v-translate class="fix-trans-space">Logs</span>
         </router-link>
         <router-link to="importqueue">
           <font-awesome-icon icon="tasks" fixed-width></font-awesome-icon>
-          <translate>Importqueue</translate>
+          <span v-translate class="fix-trans-space">Importqueue</span>
         </router-link>
       </div>
       <hr class="m-0">
       <a href="#" @click="logoff">
         <font-awesome-icon icon="power-off" fixed-width></font-awesome-icon>
-        <translate>Logout</translate>
+        <span v-translate class="fix-trans-space">Logout</span>
         {{ user }}
       </a>
     </div>
@@ -146,10 +146,8 @@
     padding: 0.5rem 1rem
     color: #333
     text-decoration: none
-    svg
-      margin-right: 0.5rem
-      path
-        fill: #666
+    svg path
+      fill: #666
     &:hover
       background-color: #f8f8f8
     &.router-link-exact-active