From a73740f4009e2434b10495ce3857cbd5b55dbf9c Mon Sep 17 00:00:00 2001
From: Marcel Schwarz <marcel@icaotix.de>
Date: Tue, 21 Jul 2020 23:24:38 +0200
Subject: [PATCH] Remove buggy pre tag to preserve formatting use v-if instead
 of v-bind:class

---
 frontend/src/views/TimeRecordItem.vue | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/frontend/src/views/TimeRecordItem.vue b/frontend/src/views/TimeRecordItem.vue
index 970f0bd..7833fe5 100644
--- a/frontend/src/views/TimeRecordItem.vue
+++ b/frontend/src/views/TimeRecordItem.vue
@@ -6,10 +6,9 @@
         <v-row no-gutters align="center">
           <v-col cols="2">
             <v-card color="background" elevation="0">
-              <pre>
-                <v-icon color="green" v-bind:class="{'d-none':timeRecord.type == 'BREAK'}">mdi-currency-usd</v-icon>
-                <v-icon color="red" v-bind:class="{'d-none':timeRecord.type == 'PAID'}">mdi-currency-usd-off</v-icon>{{" " + timeRecord.type}}
-              </pre>
+              <v-icon color="green" v-if="timeRecord.type === 'PAID'">mdi-currency-usd</v-icon>
+              <v-icon color="red" v-if="timeRecord.type === 'BREAK'">mdi-currency-usd-off</v-icon>
+              {{timeRecord.type}}
             </v-card>
           </v-col>
           <v-col></v-col>