From 3cfa12570de61b374ca650fd662fa5dea0f452b5 Mon Sep 17 00:00:00 2001
From: Artus <artus@landoftheunicorn.ovh>
Date: Mon, 5 Aug 2019 15:54:54 +0200
Subject: [PATCH] small fixes

---
 lootalot_front/src/components/Chest.vue        | 11 +++++------
 lootalot_front/src/components/PercentInput.vue |  2 +-
 lootalot_front/src/components/Request.vue      |  2 +-
 3 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/lootalot_front/src/components/Chest.vue b/lootalot_front/src/components/Chest.vue
index 476ab47..b20bb66 100644
--- a/lootalot_front/src/components/Chest.vue
+++ b/lootalot_front/src/components/Chest.vue
@@ -5,8 +5,8 @@
         <th width="100%">Objets</th>
         <th>Valeur</th>
         <th>
-          <div v-if="perms.canSell" class="buttons is-marginless" :class="{'has-addons': is_selling}">
-            <button class="button is-marginless" :class="is_selling ? 'is-danger' : 'is-warning'"
+          <div v-if="perms.canSell" class="buttons" :class="{'has-addons': is_selling}">
+            <button class="button" :class="is_selling ? 'is-danger' : 'is-warning'"
               @click="sellSelectedItems">
               <span class="icon"><i class="fas fa-coins"></i></span>
               <p v-if="!is_selling">Vendre</p>
@@ -17,7 +17,7 @@
           <div v-else-if="perms.canBuy">
             <button class="button is-danger is-fullwidth" 
               :disabled="selected_items.length == 0"
-              @click="buySelectedItems">Acheter</button>
+              @click="buySelectedItems">Acheter ({{ totalSelectedValue}}po)</button>
           </div>
           <div v-else-if="perms.canGrab">
             <button class="button is-static is-fullwidth">Demander</button>
@@ -29,7 +29,7 @@
       <template v-for="(item, idx) in items">
         <tr :key="`row-${idx}`">
           <td><strong>{{item.name}}</strong></td>
-          <td>{{ item.base_price }}po</td>
+          <td>{{ is_selling ? item.base_price / 2 : item.base_price }}po</td>
           <td>
             <Request v-if="perms.canGrab" 
               :item="item.id"
@@ -37,12 +37,11 @@
               @unclaim="(data) => $emit('unclaim', data)">
             </Request>
             <div v-else-if="showSelectors" class="buttons has-addons">
-              <label :for="`select-${idx}`" class="button is-marginless">
+              <label :for="`select-${idx}`" class="button is-fullwidth">
               <input type="checkbox" class="checkbox"
                 :id="`select-${idx}`"
                 :value="item.id"
                 v-model="selected_items">
-                  &nbsp;{{is_selling ? item.base_price / 2 : item.base_price }}po 
               </label>
               <PercentInput></PercentInput>
             </div>
diff --git a/lootalot_front/src/components/PercentInput.vue b/lootalot_front/src/components/PercentInput.vue
index 83b997f..583904a 100644
--- a/lootalot_front/src/components/PercentInput.vue
+++ b/lootalot_front/src/components/PercentInput.vue
@@ -7,7 +7,7 @@
       </span>
     </div>
     <div class="control">
-      <button class="button is-marginless" @click="is_opened = !is_opened">
+      <button class="button" @click="is_opened = !is_opened">
         <small v-if="!is_opened">Mod.</small>
         <span v-else class="icon"><i class="fas fa-times-circle"></i></span>
       </button>
diff --git a/lootalot_front/src/components/Request.vue b/lootalot_front/src/components/Request.vue
index f29cb6c..f0ab45e 100644
--- a/lootalot_front/src/components/Request.vue
+++ b/lootalot_front/src/components/Request.vue
@@ -14,7 +14,7 @@
         </span>
       </button>
     </template>
-    <button class="button is-primary" 
+    <button class="button is-primary is-fullwidth" 
       @click="putRequest"
       :disabled="isRequested">
       <span class="icon is-small">