From e7ba2acc0cf50f4b775d94845bb73f6d13e39307 Mon Sep 17 00:00:00 2001
From: jedi <git@m.j3d1.de>
Date: Tue, 24 Dec 2019 14:55:10 +0100
Subject: [PATCH] icons for actions

---
 src/views/Boxes.vue |  8 ++++++--
 src/views/Items.vue | 14 +++++++++-----
 2 files changed, 15 insertions(+), 7 deletions(-)

diff --git a/src/views/Boxes.vue b/src/views/Boxes.vue
index 051e3de..d055242 100644
--- a/src/views/Boxes.vue
+++ b/src/views/Boxes.vue
@@ -9,8 +9,12 @@
                     v-slot="{ item }"
                 >
                   <div class="btn-group">
-                    <button class="btn btn-outline-secondary" @click.stop="showBoxContent(item.name)" >content</button>
-                    <button class="btn btn-outline-secondary" @click.stop="" >delete</button>
+                    <button class="btn btn-secondary" @click.stop="showBoxContent(item.name)" >
+                      <font-awesome-icon icon="archive"/> content
+                    </button>
+                    <button class="btn btn-danger" @click.stop="" >
+                      <font-awesome-icon icon="trash"/> delete
+                    </button>
                   </div>
                 </Table>
             </div>
diff --git a/src/views/Items.vue b/src/views/Items.vue
index c9a73e3..6774902 100644
--- a/src/views/Items.vue
+++ b/src/views/Items.vue
@@ -23,8 +23,12 @@
                     @itemActivated="openLightboxModalWith($event)"
                 >
                   <div class="btn-group">
-                    <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)" >edit</button>
-                    <button class="btn btn-outline-secondary" @click.stop="deleteItem(item)" >delete</button>
+                    <button class="btn btn-secondary" @click.stop="openEditingModalWith(item)" >
+                      <font-awesome-icon icon="edit"/>
+                    </button>
+                    <button class="btn btn-danger" @click.stop="deleteItem(item)" >
+                      <font-awesome-icon icon="trash"/>
+                    </button>
                   </div>
                 </Table>
             </div>
@@ -47,10 +51,10 @@
                 <div class="row mx-auto mt-2">
                     <div class="btn-group">
                         <button class="btn btn-outline-secondary" @click.stop="openEditingModalWith(item)">
-                            edit
+                          <font-awesome-icon icon="edit"/> edit
                         </button>
-                        <button class="btn btn-outline-secondary" @click.stop="deleteItem(item)">
-                            delete
+                        <button class="btn btn-outline-danger" @click.stop="deleteItem(item)">
+                          <font-awesome-icon icon="trash"/> delete
                         </button>
                     </div>
                 </div>