From 52c627c4f4771fde2237100e9c831a977c567205 Mon Sep 17 00:00:00 2001
From: Bertrand Benjamin <benjamin.bertrand@opytex.org>
Date: Wed, 11 Aug 2021 15:01:48 +0200
Subject: [PATCH] Feat: Move button close to date

---
 src/components/MonthPresentation.vue | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/components/MonthPresentation.vue b/src/components/MonthPresentation.vue
index e72ba11..9b99122 100644
--- a/src/components/MonthPresentation.vue
+++ b/src/components/MonthPresentation.vue
@@ -7,6 +7,11 @@
     <div class="year">
        {{ theYear }} 
     </div> 
+      <div>
+        <button class="edit" @click="toggleEdit" v-show="!editing"> Mettre à jour </button>
+        <button class="validate" @click="save" v-show="editing"> Valider </button>
+        <button class="cancel" @click="cancel" v-show="editing"> Annuler </button>
+      </div>
   </div>
   <div id="display">
     <ul>
@@ -42,11 +47,6 @@
         </li>
     </ul>
   </div>
-  <div>
-    <button class="edit" @click="toggleEdit" v-show="!editing"> Éditer </button>
-    <button class="validate" @click="save" v-show="editing"> Valider </button>
-    <button class="cancel" @click="cancel" v-show="editing"> Annuler </button>
-  </div>
 </div>
 </template>
 
@@ -112,7 +112,7 @@ export default {
         flex-direction: row;
         */
         display: grid;
-        grid-template-columns: 1fr 6fr 150px;
+        grid-template-columns: 1fr 6fr;
 
         box-shadow: 2px 2px 5px gray;
         border-left: 1rem solid black;
@@ -154,4 +154,11 @@ export default {
     .novisible {
         display: None;
     }
+    button {
+        margin-top: 5px;
+        padding: 4px;
+        font-size: 0.8em;
+        width: auto;
+
+    }
 </style>