keep podcast header background-image attached or fixed, even on resizes

src/components/Table.vue

@@ -29,10 +29,10 @@
 					{{ t('podcast', 'Name') }}
 				</th>
 				<th class="actionColumn" />
-				<th class="durationColumn" style="width: 90px">
+				<th class="durationColumn">
 					{{ t('podcast', 'Duration') }}
 				</th>
-				<th class="dateColumn" style="width: 130px">
+				<th class="dateColumn">
 					{{ t('podcast', 'Date') }}
 				</th>
 			</tr>
@@ -192,6 +192,14 @@ table {
 			width: 72px;
 		}
 
+		th.durationColumn {
+			width: 90px;
+		}
+
+		th.dateColumn {
+			width: 130px;
+		}
+
 	}
 
 	tbody {

src/views/Show.vue

@@ -32,7 +32,7 @@
 				<div class="podcastDescription">
 					<h1>{{ podcast.title }}</h1>
 					<div class="podcastAuthor">
-						by <a :href="`#/browse/author/${podcast.author}`">{{ podcast.author }}</a>
+						by <a :href="podcast.htmlURL" target="_blank">{{ podcast.author }}</a>
 					</div>
 					<div class="podcastControls">
 						<a href="#" class="button">Subscribe</a>
@@ -197,7 +197,8 @@ export default {
 
 .podcastHeaderBg {
 	background-size: cover;
-	background-position: center;
+	background-position: center center;
+	background-attachment: fixed;
 }
 
 .podcastHeader {