Changed release information layout.

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"

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;
 }