Various design improvements

pages/anime/episodes.scarlet

@@ -0,0 +1,54 @@
+const episode-margin = 0.5rem
+
+.episodes
+	horizontal-wrap
+	justify-content space-evenly
+
+.episode
+	vertical
+	ui-element
+	button-hover
+	margin episode-margin
+	padding 0.5rem
+	flex-basis calc(50% - episode-margin * 2)
+	overflow hidden
+	color text-color
+	box-shadow shadow-light
+
+	[data-available="false"]
+		:hover
+			color text-color
+			background ui-background
+
+		&.mounted
+			opacity 0.25 !important
+
+> 700px
+	.episodes
+		justify-content flex-start
+
+	.episode
+		flex-basis 190px
+
+.episode-number
+	display flex
+	justify-content center
+	align-items center
+	font-size 2rem
+	line-height 1.7em
+
+.episode-title
+	text-align center
+	font-size 0.7rem
+	opacity 0.8
+	clip-long-text
+
+.episode-airing-date-start
+	display flex
+	justify-content center
+	font-size 0.7rem
+	opacity 0.6
+
+< 320px
+	.episode-actions
+		display none