From a867817dc13200152a479a0e6f74160e5ebe5eb9 Mon Sep 17 00:00:00 2001
From: DebaucheryLibrarian <moonloop.adult@protonmail.com>
Date: Sun, 31 Oct 2021 01:00:12 +0200
Subject: [PATCH] Improved scene tile scaling.

---
 assets/components/releases/releases.vue     | 19 +++++++++++++++++++
 assets/components/releases/scene-tile.vue   | 12 +++++++-----
 assets/components/releases/tile-details.vue |  5 -----
 3 files changed, 26 insertions(+), 10 deletions(-)

diff --git a/assets/components/releases/releases.vue b/assets/components/releases/releases.vue
index eb31b89c..ba1983d6 100644
--- a/assets/components/releases/releases.vue
+++ b/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>
diff --git a/assets/components/releases/scene-tile.vue b/assets/components/releases/scene-tile.vue
index 71e4304b..b0c11de5 100644
--- a/assets/components/releases/scene-tile.vue
+++ b/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;
diff --git a/assets/components/releases/tile-details.vue b/assets/components/releases/tile-details.vue
index 6ce1f2cc..15c84eaf 100644
--- a/assets/components/releases/tile-details.vue
+++ b/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,