comparison 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
comparison
equal deleted inserted replaced
2533:de4dc3d16647 2534:bb5286acfee2
57 <font-awesome-icon 57 <font-awesome-icon
58 class="fa-fw mr-2" 58 class="fa-fw mr-2"
59 fixed-width 59 fixed-width
60 icon="upload" 60 icon="upload"
61 ></font-awesome-icon> 61 ></font-awesome-icon>
62 <span class="fix-trans-space" v-translate>Soundingresults</span>
63 </router-link>
64 <router-link to="/importapprovedgaugemeasurement">
65 <font-awesome-icon
66 class="fa-fw mr-2"
67 fixed-width
68 icon="upload"
69 ></font-awesome-icon>
62 <span class="fix-trans-space" v-translate 70 <span class="fix-trans-space" v-translate
63 >Import soundingresults</span 71 >Approved Gaugemeasurements</span
64 > 72 >
65 </router-link> 73 </router-link>
66 <router-link to="/importapprovedgaugemeasurement"> 74 <router-link to="/importwaterwayprofiles">
67 <font-awesome-icon 75 <font-awesome-icon
68 class="fa-fw mr-2" 76 class="fa-fw mr-2"
69 fixed-width 77 fixed-width
70 icon="upload" 78 icon="upload"
71 ></font-awesome-icon> 79 ></font-awesome-icon>
72 <span class="fix-trans-space" v-translate 80 <span class="fix-trans-space" v-translate>Waterway Profiles</span>
73 >Import approved gaugemeasurements</span
74 >
75 </router-link>
76 <router-link to="/importwaterwayprofiles">
77 <font-awesome-icon
78 class="fa-fw mr-2"
79 fixed-width
80 icon="upload"
81 ></font-awesome-icon>
82 <span class="fix-trans-space" v-translate
83 >Import waterway profiles</span
84 >
85 </router-link> 81 </router-link>
86 <router-link to="/importschedule"> 82 <router-link to="/importschedule">
87 <font-awesome-icon 83 <font-awesome-icon
88 class="fa-fw mr-2" 84 class="fa-fw mr-2"
89 fixed-width 85 fixed-width
90 icon="clock" 86 icon="clock"
91 ></font-awesome-icon> 87 ></font-awesome-icon>
92 <translate class="fix-trans-space">Imports</translate> 88 <translate class="fix-trans-space">Import Schedule</translate>
93 </router-link> 89 </router-link>
94 <small class="text-muted pl-3"> 90 <small class="text-muted pl-3">
95 <translate>Systemadministration</translate> 91 <translate>Systemadministration</translate>
96 </small> 92 </small>
97 <hr class="m-0" /> 93 <hr class="m-0" />
241 } 237 }
242 238
243 .menu a { 239 .menu a {
244 display: block; 240 display: block;
245 text-align: left; 241 text-align: left;
246 padding: 0.5rem 1rem; 242 padding: 0.25rem 0.5rem;
247 color: #333; 243 color: #333;
248 text-decoration: none; 244 text-decoration: none;
245 font-size: 90%;
249 .indicator { 246 .indicator {
250 left: auto; 247 left: auto;
251 right: 10px; 248 right: 10px;
252 top: 12px; 249 top: 12px;
253 border-radius: 0.25rem; 250 border-radius: 0.25rem;