package-lock.json

@@ -1,11 +1,11 @@
 {
   "name": "traxxx-web",
-  "version": "0.23.11",
+  "version": "0.23.10",
   "lockfileVersion": 2,
   "requires": true,
   "packages": {
     "": {
-      "version": "0.23.11",
+      "version": "0.23.10",
       "dependencies": {
         "@brillout/json-serializer": "^0.5.8",
         "@dicebear/collection": "^7.0.5",

package.json

@@ -77,5 +77,5 @@
     "postcss-custom-media": "^10.0.2",
     "postcss-nesting": "^12.0.2"
   },
-  "version": "0.23.11"
+  "version": "0.23.10"
 }

pages/scene/+Page.vue

@@ -134,19 +134,17 @@
 					/>
 
 					<div class="view">
-						<!--
 						<button
 							v-if="scene.photos.length > 0"
 							class="button view nolink"
 						>View photos</button>
-						-->
 
 						<Link
 							v-if="scene.url"
 							:href="scene.url"
 							target="_blank"
 							class="button button-primary watch nolink"
-						>Watch full video</Link>
+						>Watch scene</Link>
 					</div>
 				</div>
 			</div>
@@ -247,23 +245,18 @@
 						class="detail"
 					>
 						<h3 class="heading">Quality</h3>
-
-						<template v-if="qualities[scene.qualities[0]]">{{ qualities[scene.qualities[0]] }} ({{ scene.qualities[0] }}p)</template>
-						<template v-else>{{ scene.qualities[0] }}p</template>
+						{{ scene.qualities.map((quality) => `${quality}p`).join(', ') }}
 					</div>
 				</div>
 
 				<div class="section details">
 					<div class="detail">
 						<h3 class="heading">Added</h3>
-
-						<span>
 						<span class="added-date">{{ formatDate(scene.createdAt, 'yyyy-MM-dd') }}</span>
 						<span
 							:title="`Batch ${scene.createdBatchId}`"
 							class="added-batch"
 						>#{{ scene.createdBatchId }}</span>
-						</span>
 					</div>
 
 					<div
@@ -321,17 +314,6 @@ const { scene } = pageProps;
 const playing = ref(false);
 const paused = ref(false);
 
-const qualities = {
-	2160: '4K',
-	1440: 'Quad HD',
-	1080: 'Full HD',
-	720: 'HD',
-	576: 'PAL VHS',
-	540: 'qHD',
-	480: 'VGA',
-	360: 'nHD',
-};
-
 const poster = computed(() => {
 	if (scene.poster) {
 		return getPath(scene.poster, 'thumbnail');
@@ -578,13 +560,13 @@ function copySummary() {
 
 .header {
 	display: flex;
-	align-items: center;
+	align-items: flex-start;
 	justify-content: space-between;
-	padding: 1rem .5rem 1rem .5rem;
+	padding: 1rem .5rem .5rem .5rem;
 }
 
 .title {
-	margin: .25rem .5rem .5rem 0;
+	margin: 0 .5rem 1rem 0;
 	line-height: 1.25;
 	display: -webkit-box;
 	-webkit-box-orient: vertical;
@@ -620,11 +602,12 @@ function copySummary() {
 	display: flex;
 }
 
-.watch.button {
-	padding: .75rem 2rem;
-	margin-left: .25rem;
-	font-size: 1rem;
+/*
+.watch {
+	background: var(--primary);
+	color: var(--text-light);
 }
+*/
 
 .actors,
 .tags {
@@ -680,12 +663,6 @@ function copySummary() {
 .details {
 	display: flex;
 	gap: 1rem 1.5rem;
-	flex-wrap: wrap;
-}
-
-.detail {
-	display: flex;
-	flex-direction: column;
 }
 
 .description {
@@ -751,7 +728,7 @@ function copySummary() {
 	.actions {
 		width: 100%;
 		justify-content: space-between;
-		margin-bottom: 1.25rem;
+		margin-bottom: 1.5rem;
 	}
 
 	.title {
@@ -794,11 +771,7 @@ function copySummary() {
 	}
 
 	.header {
-		padding: 1rem .5rem .5rem .5rem;
-	}
-
-	.title {
-		margin-left: 1.5rem;
+		padding: 1rem .5rem 1.5rem .5rem;
 	}
 
 	.info {