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%;