Improved scene page poster and album scaling.

assets/css/style.css

@@ -14,7 +14,7 @@ body,
 body {
     margin: 0;
     color: var(--text);
-	font-family: sans-serif;
+	font-family: Arial, Helvetica, sans-serif;
 }
 
 .link {

pages/scene/+Page.vue

@@ -246,12 +246,12 @@ async function unstash() {
 .banner-container {
 	background-position: center;
 	background-size: cover;
-	border-radius: .5rem .5rem 0 0;
+	border-radius: .25rem .5rem 0 0;
 	margin-top: .5rem;
 }
 
 .banner {
-	max-height: 18rem;
+	max-height: 21rem;
 	border-radius: .5rem .5rem 0 0;
 	display: flex;
 	font-size: 0;
@@ -260,16 +260,14 @@ async function unstash() {
 }
 
 .poster-container {
+	flex-shrink: 0;
 	padding: .5rem;
-	max-height: 18rem;
 }
 
 .poster {
-	height: auto;
+	height: 100%;
-	max-height: 100%;
+	width: 100%;
-	width: auto;
+	border-radius: .25rem;
-	max-width: 100%;
-	border-radius: .5rem;
 }
 
 .poster,
@@ -465,6 +463,7 @@ async function unstash() {
 	.poster-container {
 		padding: 0;
 		border-radius: 0;
+		flex-shrink: 1;
 	}
 
 	.poster {

pages/tags/+Page.vue

@@ -27,7 +27,7 @@
 				<h3
 					:id="category"
 					class="category-heading"
-				>{{ category }}</h3>
+				>{{ categoryTitles[category] || category }}</h3>
 
 				<ul
 					class="tags nolist"
@@ -87,6 +87,10 @@ const showcase = pageContext.pageProps.tagShowcase;
 const categories = ref(null);
 const content = ref(null);
 
+const categoryTitles = {
+	lgbt: 'LGBT',
+};
+
 const activeCategory = ref(null);
 
 function calculateActiveCategory() {

pages/tags/+onBeforeRender.js

@@ -31,7 +31,7 @@ const tagSlugs = {
 		'tattoos',
 		'piercings',
 	],
-	sexuality: [
+	lgbt: [
 		'gay',
 		'bisexual',
 		'transsexual',