From dc028ac4dfc000c1b56feda1edba7994f9233a65 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Thu, 3 Oct 2019 21:55:54 +0200
Subject: [PATCH] :art: (Tag list) center legend

---
 src/components/TagList.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/TagList.vue b/src/components/TagList.vue
index 3efb269..fc91092 100644
--- a/src/components/TagList.vue
+++ b/src/components/TagList.vue
@@ -1,7 +1,6 @@
 <template>
   <div class="tag-list columns is-multiline is-centered">
-    <div class="column is-half">
-      <h3 class="subtitle is-3">Légende</h3>
+    <div class="column legend-container">
       <table class="table">
         <tr
           v-for="(slice, k) in slices"
@@ -19,14 +18,12 @@
         </tr>
       </table>
     </div>
-    <div class="column is-half">
-      <h3 class="subtitle is-3">Graphique</h3>
+    <div class="column">
       <div class="chart-container">
         <chart-pie :slices="slices" />
       </div>
     </div>
     <div class="column is-12">
-      <h3 class="subtitle is-3">Détails</h3>
       <div class="field has-addons has-addons-centered is-narrow">
         <div class="control" v-if="filterCategory">
           <button type="submit" class="button" @click="filterCategory = ''">
@@ -194,6 +191,9 @@ export default class TagList extends Vue {
 .chart-container {
   padding: 15px;
 }
+.legend-container {
+  display: flex;
+}
 .legend {
   font-weight: bold;
   font-size: 16pt;