From 6e79381937a1bc80d9f69a5359ffe2286a4876ee Mon Sep 17 00:00:00 2001
From: Niels Simenon <niels.simenon@gmail.com>
Date: Wed, 1 Jul 2020 05:04:02 +0200
Subject: [PATCH] Changed release information layout.

---
 assets/components/releases/media.vue   |  1 +
 assets/components/releases/release.vue | 47 ++++++--------------------
 2 files changed, 12 insertions(+), 36 deletions(-)

diff --git a/assets/components/releases/media.vue b/assets/components/releases/media.vue
index 4f3d9615..74128b09 100644
--- a/assets/components/releases/media.vue
+++ b/assets/components/releases/media.vue
@@ -37,6 +37,7 @@
 
 			<a
 				v-if="release.poster"
+				v-tooltip="'View poster'"
 				:href="`/media/${release.poster.path}`"
 				:class="{ playing }"
 				target="_blank"
diff --git a/assets/components/releases/release.vue b/assets/components/releases/release.vue
index a752ebad..5d94e4dd 100644
--- a/assets/components/releases/release.vue
+++ b/assets/components/releases/release.vue
@@ -93,13 +93,15 @@
 		/>
 
 		<div class="info column">
-			<div class="row title-container">
+			<div class="row">
 				<h2 class="title">{{ release.title }}</h2>
+			</div>
 
-				<span
-					v-if="release.shootId"
-					class="title-shoot"
-				>{{ release.shootId }}</span>
+			<div
+				v-if="release.description"
+				class="row"
+			>
+				<p class="description">{{ release.description }}</p>
 			</div>
 
 			<div
@@ -152,15 +154,6 @@
 				/>
 			</div>
 
-			<div
-				v-if="release.description"
-				class="row"
-			>
-				<span class="row-label">Description</span>
-
-				<p class="description">{{ release.description }}</p>
-			</div>
-
 			<div
 				v-if="release.duration"
 				class="row"
@@ -194,26 +187,17 @@
 				class="row"
 			>
 				<span class="row-label">Shoot #</span>
-
-				<a
-					:href="release.url"
-					:title="`release.shootId`"
-					target="_blank"
-					rel="noopener noreferrer"
-					class="link shoot"
-				>{{ release.shootId }}</a>
+				{{ release.shootId }}
 			</div>
 
 			<span class="row">
 				<span class="row-label">Added</span>
 
-				<a
-					:href="`/added/${formatDate(release.dateAdded, 'YYYY-MM-DD')}`"
+				<router-link
+					:to="`/added/${formatDate(release.dateAdded, 'YYYY/MM/DD')}`"
 					:title="`Added on ${formatDate(release.dateAdded, 'MMMM D, YYYY')}`"
-					target="_blank"
-					rel="noopener noreferrer"
 					class="link added"
-				>{{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }}</a>
+				>{{ formatDate(release.createdAt, 'MMMM D, YYYY HH:mm') }}</router-link>
 			</span>
 		</div>
 	</div>
@@ -299,10 +283,6 @@ export default {
 	align-items: center;
     height: 100%;
 
-    &:not(:last-child) {
-        border-right: solid 1px var(--lighten-hint);
-    }
-
 	&.date {
         flex-shrink: 0;
         padding: 0 2rem 0 0;
@@ -386,11 +366,6 @@ export default {
 	}
 }
 
-.title-container {
-	display: flex;
-	justify-content: space-between;
-}
-
 .title {
 	margin: 0;
 }