# HG changeset patch
# User Thomas Junk <thomas.junk@intevation.de>
# Date 1550666133 -3600
# Node ID d66f60163c2fa835ebe095009db981f63facb208
# Parent  31a1dcdba068fe08d0f70db300664b66c4c7c3d4
staging: fix optical alignment for non expandable entries

diff -r 31a1dcdba068 -r d66f60163c2f client/src/components/staging/StagingDetail.vue
--- a/client/src/components/staging/StagingDetail.vue	Wed Feb 20 13:23:30 2019 +0100
+++ b/client/src/components/staging/StagingDetail.vue	Wed Feb 20 13:35:33 2019 +0100
@@ -78,6 +78,13 @@
             <font-awesome-icon icon="times" class="pointer"></font-awesome-icon>
           </button>
         </div>
+        <div
+          v-if="
+            !isBottleneck(data.kind.toUpperCase()) ||
+              isApprovedGaugeMeasurement(data.kind.toUpperCase())
+          "
+          class="expander"
+        ></div>
         <div v-if="isBottleneck(data.kind.toUpperCase())">
           <div class="mt-auto mb-auto text-info text-left">
             <font-awesome-icon
@@ -509,6 +516,10 @@
 </script>
 
 <style lang="scss" scoped>
+.expander {
+  margin-right: 1.25rem;
+}
+
 .bottlenecksdetails {
   overflow-y: auto;
   max-height: 250px;