Improved scene tile scaling.

assets/components/releases/releases.vue

@@ -126,10 +126,29 @@ export default {
     font-weight: bold;
 }
 
+@media(max-width: $breakpoint-mega) {
+    .tiles {
+		grid-template-columns: repeat(auto-fill, minmax(19rem, 1fr));
+    }
+}
+
 @media(max-width: $breakpoint-kilo) {
     .tiles {
+		grid-template-columns: repeat(auto-fill, minmax(18.5rem, 1fr));
 		grid-gap: .5rem;
 		padding: .5rem;
     }
 }
+
+@media(max-width: $breakpoint) {
+    .tiles {
+		grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+    }
+}
+
+@media(max-width: $breakpoint-micro) {
+    .tiles {
+		grid-template-columns: repeat(auto-fill, minmax(17rem, 1fr));
+    }
+}
 </style>

assets/components/releases/scene-tile.vue

@@ -233,7 +233,6 @@ export default {
     height: 100%;
     box-shadow: 0 0 3px var(--darken-weak);
 
-	/*
 	&.new .poster::after {
 		content: 'new';
 		position: absolute;
@@ -253,7 +252,6 @@ export default {
 		line-height: 1;
 		box-shadow: 0 0 3px var(--shadow);
 	}
-	*/
 
 	&:hover .unstashed,
 	&:hover .unstash {
@@ -435,7 +433,13 @@ export default {
 	display: none;
 }
 
-@media(max-width: $breakpoint-kilo) {
+@media(max-width: $breakpoint) {
+	.thumbnail {
+		height: 11rem;
+	}
+}
+
+@media(max-width: $breakpoint-micro) {
 	.tile-body {
 		flex-direction: row;
 	}
@@ -480,7 +484,6 @@ export default {
 		display: none;
 	}
 
-	/*
 	.tile.new .poster::after {
 		top: 0;
 		right: .25rem;
@@ -488,7 +491,6 @@ export default {
 		border-radius: 0 0 .25rem .25rem;
 		padding: .05rem 0 .1rem 0;
 	}
-	*/
 
 	.stash {
 		left: 0;

assets/components/releases/tile-details.vue

@@ -99,11 +99,6 @@ export default {
 		box-sizing: border-box;
 		padding: .4rem .5rem;
     }
-
-	&.new .date::before {
-		content: '★';
-		margin: 0 .5rem 0 0;
-	}
 }
 
 .site,