Adjusted new label for compact compatability.

assets/components/releases/scene-tile.vue

@@ -1,6 +1,6 @@
 <template>
 	<div
-		:id="`${release.type}-${release.id}`"
+		:id="`scene-${release.id}`"
 		:class="{ new: release.isNew }"
 		class="tile"
 	>
@@ -161,20 +161,21 @@ export default {
 
 .tile {
     background: var(--background);
+	position: relative;
     display: flex;
     flex-direction: column;
     box-sizing: border-box;
     overflow: hidden;
-    box-shadow: 0 0 3px var(--darken-weak);
     height: 100%;
+    box-shadow: 0 0 3px var(--darken-weak);
 
-	&.new .poster::after {
-		content: 'new';
+	&.new::after {
+		content: '★';
 		position: absolute;
 		top: 0;
-		right: 0;
-		padding: .15rem .25rem .15rem .35rem;
-		border-radius: 0 0 0 .5rem;
+		left: 0;
+		padding: .1rem .25rem .1rem .15rem;
+		border-radius: 0 0 .5rem 0;
 		color: var(--text-light);
 		background: var(--primary);
 		font-size: .8rem;

assets/js/router.js

@@ -191,9 +191,6 @@ const routes = [
 const router = createRouter({
 	history: createWebHistory(),
 	routes,
-	scrollBehavior(to, from, savedPosition) {
-		console.log(to, from, savedPosition);
-	},
 });
 
 export default router;