Mercurial > gemma
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; |