# HG changeset patch
# User Markus Kottlaender <markus@intevation.de>
# Date 1554288932 -7200
# Node ID 84a40983bb9fc529f7ea6ab813b01db64a484501
# Parent  cf6f595af2cbf35ea631f3287b27c2196cb91252
client: importsoverview: improved opening mechanism for additional details

diff -r cf6f595af2cb -r 84a40983bb9f client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Apr 03 11:30:24 2019 +0200
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Wed Apr 03 12:55:32 2019 +0200
@@ -8,12 +8,9 @@
   >
     <div v-for="(result, index) in details.summary" :key="index">
       <div class="pl-2 d-flex flex-row">
-        <div
-          @click="toggleDiff(index)"
-          class="small mt-auto mb-auto text-info text-left"
-        >
+        <div @click="toggleDiff(index)" class="my-auto text-left">
           <UISpinnerButton
-            :state="showDiff == index"
+            :state="showDiff === index"
             :icons="['angle-right', 'angle-down']"
             class="text-info"
           />
@@ -30,7 +27,7 @@
           ><div>{{ result["measure-date"] | dateTime }}</div></span
         >
       </div>
-      <div v-if="showDiff == index" class="pl-3 d-flex flex-row">
+      <div v-if="showDiff === index" class="pl-3 d-flex flex-row">
         <div class="w-100">
           <div class="d-flex flex-row pl-3 text-left">
             <div class="header border-bottom agmdetailskeys">
@@ -128,7 +125,7 @@
   props: ["entry"],
   data() {
     return {
-      showDiff: false
+      showDiff: 0 // open first item by default
     };
   },
   computed: {