Mercurial > gemma
changeset 5451:66f2c48aa69c uiimprovements
minor layout fixes for bottlenecks
author | Thomas Junk <thomas.junk@intevation.de> |
---|---|
date | Wed, 14 Jul 2021 14:07:26 +0200 |
parents | 62caee603217 |
children | 54214717ef5d |
files | client/src/components/Bottlenecks.vue |
diffstat | 1 files changed, 13 insertions(+), 11 deletions(-) [+] |
line wrap: on
line diff
--- a/client/src/components/Bottlenecks.vue Wed Jul 14 12:07:31 2021 +0200 +++ b/client/src/components/Bottlenecks.vue Wed Jul 14 14:07:26 2021 +0200 @@ -13,12 +13,12 @@ title: `${countryLabel}`, width: '100px' }, + { id: 'properties.from', title: `${chainageLabel}`, width: '155px' }, { id: 'properties.current', title: `${latestmeasurementLabel}`, width: '150px' - }, - { id: 'properties.from', title: `${chainageLabel}`, width: '155px' } + } ]" /> <UITableBody @@ -35,8 +35,18 @@ <div class="table-cell text-center" style="width: 100px"> {{ bottleneck.properties.responsible_country }} </div> + <div class="table-cell" style="flex-grow:1;"> + <span class="ml-auto">{{ + displayCurrentChainage( + bottleneck.properties.from, + bottleneck.properties.to + ) + }}</span> + </div> <div class="table-cell" style="width: 150px"> - {{ bottleneck.properties.current | surveyDate }} + <span class="ml-auto">{{ + bottleneck.properties.current | surveyDate + }}</span> <UISpinnerButton @click="loadSurveys(bottleneck)" :loading="loading === bottleneck" @@ -44,14 +54,6 @@ v-if="bottleneck.properties.current" /> </div> - <div class="table-cell" style="flex-grow:1;"> - {{ - displayCurrentChainage( - bottleneck.properties.from, - bottleneck.properties.to - ) - }} - </div> </template> <template v-slot:expand="{ item: bottleneck }"> <a