nothing really

web/vue/src/components/Planner.vue

@@ -4,7 +4,7 @@
             class="button is-primary is-fullwidth"
             v-bind:class="{'is-loading': is_loading }">
     FetchSolution</button>
-    <div v-if="template">
+    <div class="box">
       <div class="columns is-mobile is-vcentered is-multiline">
         <div v-for="[day, meals] in itemsGroupedByDay"
              class="column is-one-quarter-desktop is-half-mobile">
@@ -108,7 +108,7 @@ export default {
           this.is_loading = false;
           return res.json();}
         )
-        .then((data) => this.template.updateJson(data)) 
+        .then((data) => this.template.updateJson(data))
         .catch((err) => console.log(err));
     },
     unsetMeal: function(mealKey) {

web/vue/src/components/RecipeDetails.vue

@@ -2,9 +2,10 @@
   <div class="columns">
     <div class="column is-narrow">
       <a @click="$emit('close')"
-         class="has-text-dark">
+         class="button is-large is-outlined-dark is-fullwidth">
+        <span>Liste</span>
         <span class="icon is-large">
-          <i class="mdi mdi-48px mdi-view-list"></i>
+          <i class="mdi mdi-36px mdi-view-list"></i>
         </span>
       </a>
       <br class="is-hidden-mobile"/>

web/vue/src/components/RecipeList.vue

@@ -13,9 +13,11 @@
     </div>
     <div v-else class="columns">
       <div class="column is-narrow">
-        <a @click="setActiveCategory(-1)" class="has-text-dark">
+        <a @click="setActiveCategory(-1)"
+           class="button is-large is-fullwidth">
+          <span>Catégories</span>
           <span class="icon is-large" >
-            <i class="mdi mdi-48px mdi-view-grid"></i>
+            <i class="mdi mdi-36px mdi-view-grid"></i>
           </span>
         </a>
       </div>