Improved scene page layout and spacing.

assets/components/actors/tile.vue

@@ -286,4 +286,10 @@ export default {
 .age-then {
     color: var(--lighten);
 }
+
+@media(max-width: $breakpoint) {
+	.name {
+		font-size: .9rem;
+	}
+}
 </style>

assets/components/releases/details.vue

@@ -154,6 +154,7 @@ export default {
 .site {
     display: inline-flex;
     align-items: center;
+	max-width: 50%;
     padding: .25rem 0;
     font-size: 0;
 }
@@ -167,7 +168,7 @@ export default {
 }
 
 .logo-site {
-    height: 2.5rem;
+    height: 2.25rem;
     max-width: 15rem;
 	margin: .25rem 0;
     object-fit: contain;
@@ -205,6 +206,10 @@ export default {
         display: none;
     }
 
+	.logo-site {
+		height: 1.5rem;
+	}
+
 	.logo-site {
 		width: 100%;
 	}

assets/components/releases/release.vue

@@ -51,11 +51,6 @@
 				</h2>
 			</div>
 
-			<Tags
-				v-if="release.tags.length > 0"
-				:tags="release.tags"
-			/>
-
 			<div class="row associations">
 				<ul class="actors nolist">
 					<li
@@ -67,6 +62,11 @@
 				</ul>
 			</div>
 
+			<Tags
+				v-if="release.tags.length > 0"
+				:tags="release.tags"
+			/>
+
 			<div
 				v-if="release.movies && release.movies.length > 0"
 				class="row"
@@ -457,7 +457,7 @@ export default {
 	}
 
     .actors {
-        grid-template-columns: repeat(auto-fill, minmax(8rem, 1fr));
+        grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
     }
 }
 </style>