From 34f3914e5c34b877aee385a0b398ea59c5cc5f64 Mon Sep 17 00:00:00 2001
From: ogerly <fridolin@tutanota.com>
Date: Wed, 16 Mar 2022 14:23:06 +0100
Subject: [PATCH] remove click event visible on extra box bevore collapse box

---
 .../Transactions/TransactionLinksSummary.vue  | 37 ++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/frontend/src/components/Transactions/TransactionLinksSummary.vue b/frontend/src/components/Transactions/TransactionLinksSummary.vue
index 5d5bf3c93..74251fc4b 100644
--- a/frontend/src/components/Transactions/TransactionLinksSummary.vue
+++ b/frontend/src/components/Transactions/TransactionLinksSummary.vue
@@ -1,30 +1,33 @@
 <template>
   <div class="transaction-slot-link">
     <div>
-      <!-- Collaps Icon  -->
-      <collapse-icon class="text-right" :visible="visible" />
       <div @click="visible = !visible">
-        <b-row>
-          <!-- ICON  -->
-          <b-col cols="1">
-            <type-icon color="text-danger" icon="link45deg" />
-          </b-col>
+        <!-- Collaps Icon  -->
+        <collapse-icon class="text-right" :visible="visible" />
+        <div>
+          <b-row>
+            <!-- ICON  -->
+            <b-col cols="1">
+              <type-icon color="text-danger" icon="link45deg" />
+            </b-col>
 
-          <b-col cols="11">
-            <!-- Amount / Name || Text -->
-            <amount-and-name-row :amount="amount" :text="$t('gdd_per_link.links_sum')" />
+            <b-col cols="11">
+              <!-- Amount / Name || Text -->
+              <amount-and-name-row :amount="amount" :text="$t('gdd_per_link.links_sum')" />
 
-            <!-- Count Links -->
-            <link-count-row :count="transactionLinkCount" />
+              <!-- Count Links -->
+              <link-count-row :count="transactionLinkCount" />
 
-            <!-- Decay -->
-            <decay-row :decay="decay" />
-          </b-col>
-        </b-row>
+              <!-- Decay -->
+              <decay-row :decay="decay" />
+            </b-col>
+          </b-row>
+        </div>
       </div>
 
-      <b-collapse :class="visible ? 'bg-secondary' : ''" class="pb-4 pt-5" v-model="visible">
+      <b-collapse class="pb-4 pt-5" v-model="visible">
         <collapse-links-list
+          class="m-2"
           v-model="variables"
           :transactionLinkCount="transactionLinkCount"
           :transactionLinks="transactionLinks"