From e1efe93470da6508b6338e18771961d86dfcc4dd Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Sat, 19 Oct 2019 08:20:37 +0200
Subject: [PATCH] :art: (Transaction List) Fix border radius for filter select

---
 src/components/AccountTransactionList.vue |  4 ++--
 src/components/TagList.vue                | 26 +++++++++++++++--------
 2 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/components/AccountTransactionList.vue b/src/components/AccountTransactionList.vue
index 8fed839..28a5b9d 100644
--- a/src/components/AccountTransactionList.vue
+++ b/src/components/AccountTransactionList.vue
@@ -4,7 +4,7 @@
       class="field has-addons has-addons-centered is-narrow"
       v-if="showFilter"
     >
-      <div class="control" v-show="filteredBy">
+      <div class="control" v-if="filteredBy">
         <button type="submit" class="button" @click="filteredBy = ''">
           <awe-icon icon="times" />
         </button>
@@ -12,7 +12,7 @@
       <div class="control">
         <div class="select is-fullwidth">
           <select v-model="filteredBy">
-            <option value>Tout le monde</option>
+            <option value>Tous</option>
             <option
               v-for="(user, k) in account.users"
               :key="k"
diff --git a/src/components/TagList.vue b/src/components/TagList.vue
index c35c685..acabbc4 100644
--- a/src/components/TagList.vue
+++ b/src/components/TagList.vue
@@ -2,12 +2,19 @@
   <div class="tag-list columns is-multiline is-centered">
     <div class="column legend-container">
       <table class="table">
-        <tr v-for="(slice, k) in slices" :key="k" :style="legendStyle(slice)" class="legend-item">
+        <tr
+          v-for="(slice, k) in slices"
+          :key="k"
+          :style="legendStyle(slice)"
+          class="legend-item"
+        >
           <td>
             <awe-icon :icon="categories[slice.key].tag.icon" />
           </td>
           <td class="legend-label">{{ slice.label }}</td>
-          <td class="percent-label numeric">{{ Math.round(slice.percent * 100) }}%</td>
+          <td class="percent-label numeric">
+            {{ Math.round(slice.percent * 100) }}%
+          </td>
         </tr>
       </table>
     </div>
@@ -28,9 +35,7 @@
             <select v-model="filterCategory">
               <option value>Toutes</option>
               <option v-for="(category, k) in categories" :key="k" :value="k">
-                {{
-                category.tag.label
-                }}
+                {{ category.tag.label }}
               </option>
             </select>
           </div>
@@ -47,12 +52,15 @@
               <awe-icon :icon="category.tag.icon" />
             </div>
           </div>
-          <div class="column transaction-list" v-if="category.transactions.length">
+          <div
+            class="column transaction-list"
+            v-if="category.transactions.length"
+          >
             <p>
               {{
-              $tc('account.total', category.transactions.length, {
-              count: category.transactions.length
-              })
+                $tc('account.total', category.transactions.length, {
+                  count: category.transactions.length
+                })
               }}
             </p>
             <account-transaction-list