diff client/src/components/Sidebar.vue @ 2534:bb5286acfee2

client: reduced spacings between and inside boxes and more compact main menu
author Markus Kottlaender <markus@intevation.de>
date Thu, 07 Mar 2019 12:15:14 +0100
parents 374ee552ca85
children eb69c6d27ae5
line wrap: on
line diff
--- a/client/src/components/Sidebar.vue	Thu Mar 07 11:57:05 2019 +0100
+++ b/client/src/components/Sidebar.vue	Thu Mar 07 12:15:14 2019 +0100
@@ -59,9 +59,7 @@
               fixed-width
               icon="upload"
             ></font-awesome-icon>
-            <span class="fix-trans-space" v-translate
-              >Import soundingresults</span
-            >
+            <span class="fix-trans-space" v-translate>Soundingresults</span>
           </router-link>
           <router-link to="/importapprovedgaugemeasurement">
             <font-awesome-icon
@@ -70,7 +68,7 @@
               icon="upload"
             ></font-awesome-icon>
             <span class="fix-trans-space" v-translate
-              >Import approved gaugemeasurements</span
+              >Approved Gaugemeasurements</span
             >
           </router-link>
           <router-link to="/importwaterwayprofiles">
@@ -79,9 +77,7 @@
               fixed-width
               icon="upload"
             ></font-awesome-icon>
-            <span class="fix-trans-space" v-translate
-              >Import waterway profiles</span
-            >
+            <span class="fix-trans-space" v-translate>Waterway Profiles</span>
           </router-link>
           <router-link to="/importschedule">
             <font-awesome-icon
@@ -89,7 +85,7 @@
               fixed-width
               icon="clock"
             ></font-awesome-icon>
-            <translate class="fix-trans-space">Imports</translate>
+            <translate class="fix-trans-space">Import Schedule</translate>
           </router-link>
           <small class="text-muted pl-3">
             <translate>Systemadministration</translate>
@@ -243,9 +239,10 @@
 .menu a {
   display: block;
   text-align: left;
-  padding: 0.5rem 1rem;
+  padding: 0.25rem 0.5rem;
   color: #333;
   text-decoration: none;
+  font-size: 90%;
   .indicator {
     left: auto;
     right: 10px;