ayanova/src/views/ay-history.vue

@@ -6,18 +6,17 @@
         <v-timeline-item
           v-for="i in obj"
           :key="i.index"
-          large
+          fill-dot
           :color="getIconColorForEvent(i.event)"
           :icon="getIconForEvent(i.event)"
-          fill-dot
         >
           <template v-slot:opposite>
-            <span>{{ i.date }}</span>
+            <span></span>
           </template>
-          <v-card class="elevation-2">
-            <v-card-title class="headline">{{ i.name }}</v-card-title>
+          <v-card>
+            <v-card-title>{{ i.name }}</v-card-title>
             <v-card-text>
-              {{ getEventName(i.event) }}
+              {{ i.date }} {{ getEventName(i.event) }}
               {{ i.textra }}
             </v-card-text>
           </v-card>
@@ -259,6 +258,8 @@ function populateSelectionLists(vm) {
   };
 }
 
+//todo: need an object with all translated object type names and icons, maybe centralized as could be useful in other aspects?
+
 //////////////////////////////////////////////////////////
 //
 // Ensures UI translated text is available