From e028a7c71418593a40fb21fe6b80b8054f9cef49 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=B6rn-Michael=20Miehe?= <jmm@yavook.de>
Date: Thu, 16 May 2019 08:09:43 +0200
Subject: [PATCH] crystal svg

---
 frontend/src/components/Card.vue | 27 +++++++++++++++++++++++----
 1 file changed, 23 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Card.vue b/frontend/src/components/Card.vue
index 0674b74..8fe3303 100644
--- a/frontend/src/components/Card.vue
+++ b/frontend/src/components/Card.vue
@@ -2,10 +2,29 @@
   <v-list-tile avatar>
     <v-tooltip @input="booted = true" bottom>
       <template v-slot:activator="{ on }">
-        <v-list-tile-avatar :color="color" v-on="on">
-          <span class="headline font-weight-bold white--text">
-            {{ dbentry.cost }}
-          </span>
+        <v-list-tile-avatar v-on="on">
+          <svg
+            x="0px"
+            y="0px"
+            width="16px"
+            height="30px"
+            viewBox="0 0 16 30"
+            style="enable-background:new 0 0 16 30;"
+            xml:space="preserve"
+          >
+            <polygon points="0,5 8,0 16,5 16,25 8,30 0,25" :fill="color" />
+            <text
+              x="2.5"
+              y="22"
+              font-size="20"
+              font-family="sans-serif"
+              fill="white"
+              font-weight="bold"
+              class="ng-binding"
+            >
+              {{ dbentry.cost }}
+            </text>
+          </svg>
         </v-list-tile-avatar>
       </template>
       <v-img