The tile is a button

frontend/src/components/Tile.vue

 <template>
   <div class="tile">
-    <div v-on:click="tileClicked(id)" class="tile-symbol" :id="this.tile.idobject">
+    <button v-on:click="tileClicked(id)" class="tile-symbol" :id="this.tile.idobject">
       <img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/>
       <!--img class="tile-background" :src="this.background" :width="this.width" :height="this.height"/-->
-      <svg-button class="tile-front" :svg="this.svg" :width="this.width" :height="this.height"/>
-    </div>
+      <img class="tile-front" :src="this.svg" :width="this.width" :height="this.height"/>
+    </button>
   </div>
 </template>
 
 <script>
 import Tile from '@/model/TileModel.js'
-import SvgButton from './SvgButton.vue';
 
 export default {
-  components: { SvgButton },
+  components: {},
   props: {
     id: Number,
     width: { type: [Number, String], default: 80 },
@@ -48,6 +47,7 @@ export default {
 }
 .tile-symbol{
   position: relative;
+  padding: 0;
     border-radius: 10px;
     background: transparent;
     border: none;