Scraping movie links from Gamma scene page. Removed expand option from scene page media to make way for album button.

assets/components/releases/media.vue

@@ -158,22 +158,13 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-@import 'theme';
+@import 'breakpoints';
 
 .media {
+	height: 18rem;
     flex-shrink: 0;
     white-space: nowrap;
     font-size: 0;
-	height: 18rem;
-
-	&.expanded {
-		display: grid;
-		grid-template-columns: repeat(auto-fill, minmax(25rem, 1fr));
-		grid-gap: 1rem;
-		justify-content: center;
-		padding: 1rem;
-		margin: 0 0 1rem 0;
-	}
 }
 
 .poster-link {
@@ -246,20 +237,19 @@ export default {
 }
 
 .item {
-	height: 100%;
 	max-width: 100%;
 	box-shadow: 0 0 3px var(--shadow-weak);
 	background-size: cover;
 }
 
 .trailer-container {
-	height: 18rem;
 	width: 32rem;
     max-width: 100%;
 }
 
 .trailer {
 	width: 100%;
+	max-width: 32rem;
 	max-height: 100%;
 	object-fit: cover;
 
@@ -279,7 +269,23 @@ export default {
     }
 }
 
-@media(max-width: $breakpoint0) {
+@media(max-width: $breakpoint-kilo) {
+	.media.expanded {
+		grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
+	}
+}
+
+@media(max-width: $breakpoint) {
+	.media.expanded {
+		grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr));
+	}
+}
+
+@media(max-width: $breakpoint-micro) {
+	.media.expanded {
+		grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
+	}
+
 	.media:not(.expanded) .item,
     .trailer-container {
 		height: 56vw; /* 16:9 ratio for full-width video */

assets/components/releases/release.vue

@@ -24,13 +24,6 @@
 
 		<Details :release="release" />
 
-		<Expand
-			v-if="release.photos && release.photos.length > 0"
-			class="expand-bottom expand-dark"
-			:expanded="expanded"
-			@expand="(state) => expanded = state"
-		/>
-
 		<div class="info column">
 			<div class="row">
 				<h2