From b29a077c47e9bc6a87745624694d2d57cb246bd0 Mon Sep 17 00:00:00 2001
From: Jonas Heinrich <onny@project-insanity.org>
Date: Wed, 21 Oct 2020 10:31:59 +0200
Subject: [PATCH] restore actionColumn

---
 src/components/Table.vue | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/src/components/Table.vue b/src/components/Table.vue
index 5b0135a..d5afbea 100644
--- a/src/components/Table.vue
+++ b/src/components/Table.vue
@@ -2,11 +2,11 @@
 	<table v-if="stationData" id="table">
 		<thead>
 			<tr>
-				<th />
+				<th class="iconColumn" />
 				<th class="nameColumn">
 					{{ t('radio', 'Name') }}
 				</th>
-				<th />
+				<th class="actionColumn" />
 			</tr>
 		</thead>
 		<tbody>
@@ -20,7 +20,7 @@
 						<span :class="{ 'icon-starred': stationsFavored.includes(idx) }" />
 					</div>
 				</td>
-				<td class="filenameColumn" @click="doPlay(idx, station)">
+				<td class="nameColumn" @click="doPlay(idx, station)">
 					<span class="innernametext">
 						{{ station.name }}
 					</span>
@@ -98,12 +98,16 @@ table {
 			color: var(--color-text-maxcontrast);
 		}
 
+		th.iconColumn {
+			padding: 0px;
+			width: 72px;
+		}
+
 		th.nameColumn {
 			width: 100%;
 		}
 
-		th:first-child {
-			padding: 0px;
+		th.actionColumn {
 			width: 72px;
 		}
 
@@ -140,7 +144,7 @@ table {
 			padding-right: 0px;
 		}
 
-		td.filenameColumn .innernametext {
+		td.nameColumn .innernametext {
 			color: var(--color-main-text);
 			text-overflow: ellipsis;
 			overflow: hidden;
@@ -176,15 +180,6 @@ table {
 			position: relative;
 		}
 
-		.actionColumn {
-			width: auto;
-			padding-right: 40px;
-		}
-
-		.filenameColumn {
-			width: 100%;
-		}
-
 	}
 
 }