From 998c75e4902964962d91d4488a7c783cb8a320da Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 23 Apr 2020 19:50:30 +0200
Subject: [PATCH] :art: (tag) remove padding and margin for tag tables

---
 src/components/TagList.vue | 8 ++++----
 src/styles/index.scss      | 8 ++++++++
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/components/TagList.vue b/src/components/TagList.vue
index 2a3ba5f..eb1787d 100644
--- a/src/components/TagList.vue
+++ b/src/components/TagList.vue
@@ -41,20 +41,20 @@
           </div>
         </div>
       </div>
-      <div class="columns no-margin is-centered is-multiline">
+      <div class="columns clear-margin is-centered is-multiline">
         <div
           v-for="(category, k) in filteredCategories"
           :key="k"
-          class="category-list-container column is-half"
+          class="category-list-container column is-half no-padding"
         >
-          <div class="columns no-margin category-list">
+          <div class="columns clear-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"
+              class="column transaction-list no-padding"
               v-if="category.transactions.length"
             >
               <p>
diff --git a/src/styles/index.scss b/src/styles/index.scss
index af51ea2..abf5edd 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -51,6 +51,14 @@ button {
   margin: 0 0.75rem;
 }
 
+.clear-margin {
+  margin: 0;
+}
+
+.no-padding {
+  padding: 0.75rem 0;
+}
+
 .numeric {
   font-family: 'Cutive Mono', monospace;
 }