--- a/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 16:16:43 2019 +0100
+++ b/client/src/components/importoverview/LogDetail.vue	Tue Mar 12 17:08:49 2019 +0100
@@ -1,7 +1,7 @@
 <template>
   <div>
     <div class="d-flex fex-row">
-      <div v-if="entry.state == 'pending'">
+      <div v-if="hasAdditionalInfo">
         <font-awesome-icon
           v-if="entry.id === showAdditional"
           @click="toggleAdditionalInfo"
@@ -17,7 +17,11 @@
           fixed-width
         ></font-awesome-icon>
         <span class="text-info"><translate>Additional Info</translate></span>
+        <span class="text-info" v-if="isApprovedGaugeMeasurement">
+          ({{ entry.summary.length }})</span
+        >
       </div>
+      <StretchDetail v-if="isStretch" :entry="entry"></StretchDetail>
     </div>
     <AdditionalDetail
       v-if="entry.id === showAdditional"
@@ -71,6 +75,7 @@
   name: "logdetail",
   props: ["entry"],
   components: {
+    StretchDetail: () => import("./StretchDetails.vue"),
     AdditionalDetail: () => import("./AdditionalDetail.vue"),
     AdditionalLog: () => import("./AdditionalLog.vue")
   },
@@ -91,7 +96,28 @@
     }
   },
   computed: {
-    ...mapState("imports", ["showAdditional", "showLogs"])
+    ...mapState("imports", ["showAdditional", "showLogs"]),
+    kind() {
+      return this.entry.kind.toUpperCase();
+    },
+    hasAdditionalInfo() {
+      return this.entry.state == "pending" && this.isApprovedGaugeMeasurement;
+    },
+    isFairwayDimension() {
+      return this.kind === "FD";
+    },
+    isApprovedGaugeMeasurement() {
+      return this.kind === "AGM";
+    },
+    isBottleneck() {
+      return this.kind === "BN" || this.kind === "UBN";
+    },
+    isStretch() {
+      return this.kind === "ST";
+    },
+    isSoundingResult() {
+      return this.kind === "SR";
+    }
   }
 };
 </script>