removes useless GroupChest component, minor style changes

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;

lootalot_front/src/components/Chest.vue

@@ -1,5 +1,17 @@
 <template>
-  <div class="container">
+  <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>
+        </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"
@@ -17,6 +29,8 @@
             <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" >
       <thead>

lootalot_front/src/components/GroupChest.vue

@@ -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>