From 53a79b1b472c4467eb41e3939f5444c471240338 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sun, 15 Mar 2020 17:35:27 +0100
Subject: [PATCH] :art: (tag list) update tag tables

---
 src/components/TagList.vue | 61 +++++++++++++++++++-------------------
 1 file changed, 30 insertions(+), 31 deletions(-)

diff --git a/src/components/TagList.vue b/src/components/TagList.vue
index ca8bd2f..cadf0b8 100644
--- a/src/components/TagList.vue
+++ b/src/components/TagList.vue
@@ -43,35 +43,37 @@
           </div>
         </div>
       </div>
-      <div
-        v-for="(category, k) in filteredCategories"
-        :key="k"
-        class="category-list-container column is-one-third"
-      >
-        <div class="columns category-list">
-          <div class="column is-2 tag-element account-color">
-            <div class="icon-container">
-              <awe-icon :icon="category.tag.icon" />
+      <div class="columns no-margin is-centered is-multiline">
+        <div
+          v-for="(category, k) in filteredCategories"
+          :key="k"
+          class="category-list-container column is-half"
+        >
+          <div class="columns no-margin category-list">
+            <div class="column is-2 tag-element account-color">
+              <div class="icon-container">
+                <awe-icon :icon="category.tag.icon" />
+              </div>
+            </div>
+            <div
+              class="column transaction-list"
+              v-if="category.transactions.length"
+            >
+              <p>
+                {{
+                  $tc('account.total', category.transactions.length, {
+                    count: category.transactions.length
+                  })
+                }}
+              </p>
+              <account-transaction-list
+                :filter="false"
+                :head="false"
+                :foot="true"
+                :account="account"
+                :transactions="category.transactions"
+              />
             </div>
-          </div>
-          <div
-            class="column transaction-list"
-            v-if="category.transactions.length"
-          >
-            <p>
-              {{
-                $tc('account.total', category.transactions.length, {
-                  count: category.transactions.length
-                })
-              }}
-            </p>
-            <account-transaction-list
-              :filter="false"
-              :head="false"
-              :foot="true"
-              :account="account"
-              :transactions="category.transactions"
-            />
           </div>
         </div>
       </div>
@@ -210,7 +212,4 @@ export default class TagList extends Vue {
 .percent-label {
   text-align: right;
 }
-.category-list-container {
-  float: left;
-}
 </style>