Mercurial > gemma

changeset 5451:66f2c48aa69c uiimprovements

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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