From da5d518e90b842a0652c09e00285d8cea4443269 Mon Sep 17 00:00:00 2001
From: Julien Calixte <juliencalixte@gmail.com>
Date: Wed, 20 May 2020 13:18:37 +0200
Subject: [PATCH] fix style for transaction item

---
 src/views/transactions/TransactionItem.vue | 127 +++++++++++----------
 1 file changed, 64 insertions(+), 63 deletions(-)

diff --git a/src/views/transactions/TransactionItem.vue b/src/views/transactions/TransactionItem.vue
index d1eff4e..3a086a4 100644
--- a/src/views/transactions/TransactionItem.vue
+++ b/src/views/transactions/TransactionItem.vue
@@ -58,69 +58,70 @@
           .
         </div>
       </div>
-      <div v-if="transaction.exchange">
-        <div v-if="currencies.length" class="exchange column is-half">
-          <h3 class="subtitle is-3">
-            Taux d'échange
-          </h3>
-          <div class="columns is-centered">
-            <div class="column">
-              <table class="table is-fullwidth is-striped is-bordered">
-                <caption>
-                  <span class="numeric">{{
-                    transaction.amount | money(transaction.mainCurrency)
-                  }}</span>
-                </caption>
-                <tbody>
-                  <tr v-for="(currency, k) in currencies" :key="k">
-                    <td class="numeric">
-                      {{
-                        (transaction && transaction.amount) ||
-                          (1 * getRate(currency.code)) | moneypad(currency)
-                      }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <div class="column">
-              <table class="table is-fullwidth is-striped is-bordered">
-                <caption>
-                  <span class="numeric">{{
-                    1 | money(transaction.mainCurrency)
-                  }}</span>
-                </caption>
-                <tbody>
-                  <tr v-for="(currency, k) in currencies" :key="k">
-                    <td class="numeric">
-                      {{ getRate(currency.code) | moneypad(currency) }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-            <div class="column">
-              <table
-                class="table is-hoverable is-fullwidth is-striped is-bordered"
-              >
-                <caption>
-                  {{
-                    $tc('transaction.money', currencies.length)
-                  }}
-                </caption>
-                <tbody>
-                  <tr v-for="(currency, k) in currencies" :key="k">
-                    <td>{{ 1 | money(currency) }}</td>
-                    <td class="numeric">
-                      {{
-                        (1 / getRate(currency.code))
-                          | moneypad(transaction && transaction.mainCurrency)
-                      }}
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
+      <div
+        v-if="transaction.exchange && currencies.length"
+        class="exchange column is-half"
+      >
+        <h3 class="subtitle is-3">
+          Taux d'échange
+        </h3>
+        <div class="columns is-centered">
+          <div class="column">
+            <table class="table is-fullwidth is-striped is-bordered">
+              <caption>
+                <span class="numeric">{{
+                  transaction.amount | money(transaction.mainCurrency)
+                }}</span>
+              </caption>
+              <tbody>
+                <tr v-for="(currency, k) in currencies" :key="k">
+                  <td class="numeric">
+                    {{
+                      (transaction && transaction.amount) ||
+                        (1 * getRate(currency.code)) | moneypad(currency)
+                    }}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="column">
+            <table class="table is-fullwidth is-striped is-bordered">
+              <caption>
+                <span class="numeric">{{
+                  1 | money(transaction.mainCurrency)
+                }}</span>
+              </caption>
+              <tbody>
+                <tr v-for="(currency, k) in currencies" :key="k">
+                  <td class="numeric">
+                    {{ getRate(currency.code) | moneypad(currency) }}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <div class="column">
+            <table
+              class="table is-hoverable is-fullwidth is-striped is-bordered"
+            >
+              <caption>
+                {{
+                  $tc('transaction.money', currencies.length)
+                }}
+              </caption>
+              <tbody>
+                <tr v-for="(currency, k) in currencies" :key="k">
+                  <td>{{ 1 | money(currency) }}</td>
+                  <td class="numeric">
+                    {{
+                      (1 / getRate(currency.code))
+                        | moneypad(transaction && transaction.mainCurrency)
+                    }}
+                  </td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>