Added compact revision overview, formatting duration. Preventing rejected revisions from being reviewed again.

pages/scene/revisions/+Page.vue

@@ -3,14 +3,21 @@
 		<div class="revs-header">
 			<h2 class="heading">Revisions for "{{ scene.title }}"</h2>
 
-			<a
-				:href="`/scene/${scene.id}/${scene.slug}`"
-				target="_blank"
-				class="link"
-			>Go to scene</a>
+			<div class="revs-actions">
+				<a
+					:href="`/scene/edit/${scene.id}/${scene.slug}`"
+					class="link"
+				>Edit scene</a>
+
+				<a
+					:href="`/scene/${scene.id}/${scene.slug}`"
+					target="_blank"
+					class="link"
+				>Go to scene</a>
+			</div>
 		</div>
 
-		<Revisions />
+		<Revisions context="scene" />
 	</div>
 </template>
 
@@ -33,5 +40,23 @@ const scene = pageContext.pageProps.scene;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
+
+	.heading {
+		line-height: 1.5;
+	}
+}
+
+.revs-actions {
+	display: flex;
+	gap: 2rem;
+	flex-shrink: 0;
+}
+
+@media(--compact) {
+	.revs-header {
+		display: flex;
+		flex-direction: column;
+		margin-bottom: 1rem;
+	}
 }
 </style>