From 347ca25c1d141058763801aa46d8041be6065e02 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Sun, 8 Nov 2020 09:06:21 +0100
Subject: [PATCH] fix display favorite star

---
 src/components/Table.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/Table.vue b/src/components/Table.vue
index a590064..b14673c 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -20,9 +20,8 @@
 						width="32"
 						height="32"
 						:hash="station.blurHash"
-						:src="station.favicon">
-						<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
-					</blur-hash-image>
+						:src="station.favicon" />
+					<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
 				</td>
 				<td class="nameColumn" @click="doPlay(idx, station)">
 					<span class="innernametext">
@@ -62,7 +61,7 @@ export default {
 	},
 	data: () => ({
 		activeItem: null,
-		stationsFavored: [1, 2],
+		stationsFavored: [1, 2, 3, 4],
 	}),
 	methods: {
 		doPlay(idx, station) {
@@ -158,13 +157,12 @@ table {
 
 		.stationIcon {
 			cursor: pointer;
+			pointer-events: none;
 		}
 
 		.icon-starred {
 			background-image: var(--icon-star-dark-fc0);
-			vertical-align: middle;
 			background-size: 16px 16px;
-			display: inline-block;
 			background-repeat: no-repeat;
 			background-position: center;
 			min-width: 16px;
@@ -172,7 +170,8 @@ table {
 			cursor: pointer;
 			pointer-events: none;
 			right: -7px;
-			top: -7px;
+			top: -38px;
+			margin-bottom: -38px;
 			float: right;
 			position: relative;
 		}