changeset 2658:74031fbd3d50

import_overview. AGM details detailbutton on the left
author Thomas Junk <thomas.junk@intevation.de>
date Thu, 14 Mar 2019 16:59:14 +0100
parents b6865a08c905
children 00b0a7b2225a
files client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue
diffstat 1 files changed, 18 insertions(+), 18 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Thu Mar 14 16:57:16 2019 +0100
+++ b/client/src/components/importoverview/ApprovedGaugeMeasurementDetail.vue	Thu Mar 14 16:59:14 2019 +0100
@@ -1,7 +1,24 @@
 <template>
   <div class="diffs">
     <div v-for="(result, index) in entry.summary" :key="index">
-      <div class="pl-3 d-flex flex-row">
+      <div class="pl-2 d-flex flex-row">
+        <div
+          @click="toggleDiff(index)"
+          class="small mt-auto mb-auto text-info text-left"
+        >
+          <font-awesome-icon
+            class="pointer"
+            v-if="showDiff == index"
+            icon="angle-down"
+            fixed-width
+          ></font-awesome-icon>
+          <font-awesome-icon
+            class="pointer"
+            v-if="showDiff != index"
+            icon="angle-right"
+            fixed-width
+          ></font-awesome-icon>
+        </div>
         <span v-if="result.versions.length == 1" class="agmcode text-left"
           ><small
             >{{ result["fk-gauge-id"] }} <translate>( New )</translate></small
@@ -13,23 +30,6 @@
         <span class="agmdetail text-left"
           ><small>{{ result["measure-date"] | dateTime }}</small></span
         >
-        <div
-          @click="toggleDiff(index)"
-          class="small ml-auto mt-auto mb-auto text-info text-left"
-        >
-          <font-awesome-icon
-            class="pointer"
-            v-if="showDiff == index"
-            icon="angle-up"
-            fixed-width
-          ></font-awesome-icon>
-          <font-awesome-icon
-            class="pointer"
-            v-if="showDiff != index"
-            icon="angle-down"
-            fixed-width
-          ></font-awesome-icon>
-        </div>
       </div>
       <div v-if="showDiff == index" class="pl-3 d-flex flex-row">
         <div class="w-100">