From 3b1ad574cd2f071c32d10c5029815019bbcd71c9 Mon Sep 17 00:00:00 2001
From: Artus <artus@landoftheunicorn.ovh>
Date: Sun, 16 Jun 2019 14:11:28 +0200
Subject: [PATCH] removes useless GroupChest component, minor style changes

---
 lootalot_front/src/App.vue                   | 10 ++---
 lootalot_front/src/components/Chest.vue      | 46 +++++++++++++-------
 lootalot_front/src/components/GroupChest.vue | 22 ----------
 3 files changed, 35 insertions(+), 43 deletions(-)
 delete mode 100644 lootalot_front/src/components/GroupChest.vue

diff --git a/lootalot_front/src/App.vue b/lootalot_front/src/App.vue
index afa6664..5b83969 100644
--- a/lootalot_front/src/App.vue
+++ b/lootalot_front/src/App.vue
@@ -1,9 +1,9 @@
 <template>
-  <main id="app" class="section">
+  <main id="app" class="container is-fluid">
   <section id="content" class="columns is-desktop">
     <Player></Player>
     <div class="column">
-      <GroupChest></GroupChest>
+      <Chest :player="0"></Chest>
     </div>
   </section>
   </main>
@@ -11,7 +11,7 @@
 
 <script>
 import Player from './components/Player.vue'
-import GroupChest from './components/GroupChest.vue'
+import Chest from './components/Chest.vue'
 
 export const store = {
     debug: true,
@@ -74,7 +74,7 @@ export default {
   name: 'app',
   components: {
     Player,
-    GroupChest
+    Chest
   },
   created () {
     const cookie = getCookie("player_id");
@@ -91,7 +91,7 @@ export default {
 
 <style>
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: 'Montserrat', Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
diff --git a/lootalot_front/src/components/Chest.vue b/lootalot_front/src/components/Chest.vue
index e5fbc46..4b4a197 100644
--- a/lootalot_front/src/components/Chest.vue
+++ b/lootalot_front/src/components/Chest.vue
@@ -1,21 +1,35 @@
 <template>
-  <div class="container">
-    <div v-show="mainControlsDisplayed" class="buttons is-right">
-      <button v-if="canAdd" 
-          class="button is-inverted is-info"
-          @click="is_adding = true"
-          >
-          <span class="icon">
-            <i class="fas fa-box-open"></i>
-            </span>
-          <p>Nouveau loot</p>
-        </button>
-      <button class="button is-inverted is-primary">
-        <span class="icon">
-          <i class="fas fa-coins"></i>
+  <div class="container is-paddingless">
+    <div v-if="mainControlsDisplayed" 
+         class="columns is-mobile is-vcentered"
+      >
+      <div class="column is-narrow">
+        <span class="icon is-large">
+          <i class="fas fa-2x fa-dragon"></i>
           </span>
-        <p>Tout vendre</p>
-        </button>
+        </div>
+      <div class="column has-text-left">
+        <h1 class="title">Coffre de groupe</h1>
+        </div>
+      <div class="column" v-show="canAdd">
+        <div v-show="mainControlsDisplayed" class="buttons is-right">
+          <button v-if="canAdd" 
+            class="button is-inverted is-info"
+            @click="is_adding = true"
+            >
+            <span class="icon">
+              <i class="fas fa-box-open"></i>
+            </span>
+            <p>Nouveau loot</p>
+            </button>
+          <button class="button is-inverted is-primary">
+            <span class="icon">
+              <i class="fas fa-coins"></i>
+              </span>
+            <p>Tout vendre</p>
+            </button>
+          </div>
+        </div>
       </div>
     <Loot v-if="is_adding" @done="is_adding = false"></Loot>
     <table v-else class="table is-fullwidth is-striped" >
diff --git a/lootalot_front/src/components/GroupChest.vue b/lootalot_front/src/components/GroupChest.vue
deleted file mode 100644
index 9ba2b34..0000000
--- a/lootalot_front/src/components/GroupChest.vue
+++ /dev/null
@@ -1,22 +0,0 @@
-<template>
-  <section id="main" class="section">
-    <div id="main-heading" class="columns is-mobile is-vcentered">
-      <div class="column is-narrow">
-        <span class="icon is-large"><i class="fas fa-2x fa-dragon"></i></span>
-      </div>
-      <div class="column has-text-left">
-        <h1 class="title">Coffre de groupe</h1>
-      </div>
-    </div>
-    <Chest :player="0"></Chest>
-  </section>   
-</template>
-
-<script>
-    import Chest from './Chest.vue'
-
-    export default {
-        components: { Chest },
-        data () { return {}; }
-    }
-</script>