Mercurial > gemma
comparison client/src/components/importschedule/Importschedule.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 | 9ae2a2f758bb |
children | dda4cec8e67b |
comparison
equal
deleted
inserted
replaced
2533:de4dc3d16647 | 2534:bb5286acfee2 |
---|---|
1 <template> | 1 <template> |
2 <div class="d-flex flex-row"> | 2 <div class="d-flex flex-row"> |
3 <Spacer></Spacer> | 3 <Spacer></Spacer> |
4 <div class="mt-3 w-100"> | 4 <div class="mt-2 w-100"> |
5 <div class="card flex-grow-1 schedulecard shadow-xs"> | 5 <div class="card flex-grow-1 schedulecard shadow-xs"> |
6 <UIBoxHeader icon="clock" title="Imports" /> | 6 <UIBoxHeader icon="clock" title="Import Schedule" /> |
7 <div class="searchandfilter p-3 w-50 mx-auto"> | 7 <div class="searchandfilter p-3 w-50 mx-auto"> |
8 <div class="searchgroup input-group"> | 8 <div class="searchgroup input-group"> |
9 <div class="input-group-prepend"> | 9 <div class="input-group-prepend"> |
10 <span class="input-group-text" id="search"> | 10 <span class="input-group-text" id="search"> |
11 <font-awesome-icon icon="search"></font-awesome-icon> | 11 <font-awesome-icon icon="search"></font-awesome-icon> |
229 .card-body { | 229 .card-body { |
230 padding-bottom: $small-offset; | 230 padding-bottom: $small-offset; |
231 } | 231 } |
232 | 232 |
233 .schedulecard { | 233 .schedulecard { |
234 margin-right: $offset; | 234 margin-right: $small-offset; |
235 min-height: 20rem; | 235 min-height: 20rem; |
236 } | 236 } |
237 | 237 |
238 .schedulecard-body { | 238 .schedulecard-body { |
239 width: 100%; | 239 width: 100%; |