From 997e6edb823bfecec6397eb5a5bba66ee0967da8 Mon Sep 17 00:00:00 2001
From: Tyler-A <tyler.akins1999@gmail.com>
Date: Fri, 7 Aug 2020 00:42:24 -0600
Subject: [PATCH] Markup structure changes

---
 src/components/cards/Artist.vue | 14 ++++++++++++--
 src/components/cards/Track.vue  | 12 ++++++++----
 2 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/src/components/cards/Artist.vue b/src/components/cards/Artist.vue
index 9c23d10..50821ec 100644
--- a/src/components/cards/Artist.vue
+++ b/src/components/cards/Artist.vue
@@ -19,8 +19,18 @@
 			<div class="title">{{ item.name }}</div>
 			<div class="subtitle">{{ genres }}</div>
 		</div>
-		<div class="popularity corner">{{ item.popularity }}</div>
-		<div class="followers corner">{{ item.followers.total.toLocaleString() }}</div>
+		<div
+			v-tooltip.auto="popularity_tooltip"
+			class="popularity corner"
+		>
+			{{ item.popularity }}
+		</div>
+		<div
+			v-tooltip.auto="followers_tooltip"
+			class="followers corner"
+		>
+			{{ item.followers.total.toLocaleString() }}
+		</div>
 	</div>
 </template>
 
diff --git a/src/components/cards/Track.vue b/src/components/cards/Track.vue
index 0973666..45b7858 100644
--- a/src/components/cards/Track.vue
+++ b/src/components/cards/Track.vue
@@ -22,13 +22,17 @@
 			</div>
 		</div>
 		<div
-			class="popularity corner"
 			v-tooltip.auto="popularity_tooltip"
-		>{{ item.popularity }}</div>
+			class="popularity corner"
+		>
+			{{ item.popularity }}
+		</div>
 		<div
-			class="duration corner"
 			v-tooltip.auto="duration_tooltip"
-		>{{ duration }}</div>
+			class="duration corner"
+		>
+			{{ duration }}
+		</div>
 	</div>
 </template>