From: David ‘Bombe’ Roden <bombe@pterodactylus.net>
Date: Sun, 24 Mar 2024 12:39:20 +0000 (+0100)
Subject: 💄 Fix display on Samsung Email app
X-Git-Tag: v2~6
X-Git-Url: https://git.pterodactylus.net/?p=rhynodge.git;a=commitdiff_plain;h=e1fad90f287b8449a830d731e897d5626d1b70fa

💄 Fix display on Samsung Email app
---

diff --git a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
index cdec289..d434ac5 100644
--- a/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
+++ b/src/main/kotlin/net/pterodactylus/rhynodge/filters/webpages/savoy/MovieState.kt
@@ -37,9 +37,9 @@ class MovieState(@JsonProperty val movies: Collection<Movie>, val newMovies: Col
 					+"html { font-family: 'Recursive Sans Linear Static', Roboto, serif; }"
 					+"section.new-movies > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
 					+"section.new-movies ul { padding: 0; margin: 0; }"
-					+"section.new-movies li.movie { list-style: none; display: grid; margin: 1ex 1ex 1ex 0ex; grid-template-rows: 353px; grid-template-columns: 250px auto; }"
-					+"section.new-movies li.movie img { grid-area: 1/1/2/2; width: 100%; height: 100%; }"
-					+"section.new-movies li.movie .text { color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: flex; flex-direction: column; justify-content: end; grid-area: 1/1/2/2; }"
+					+"section.new-movies li.movie { list-style: none; display: grid; margin: 1ex 1ex 1ex 0ex; grid-template-columns: 250px auto; }"
+					+"section.new-movies li.movie img { grid-area: 1/1/2/2; height: 353px; }"
+					+"section.new-movies li.movie .text { color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: flex; flex-direction: column; justify-content: end; grid-area: 1/1/2/2; height: 353px; }"
 					+"section.new-movies li.movie .text .name { padding: 1ex; font-size: 120%; }"
 					+"section.new-movies li.movie .description { padding: 1ex; }"
 
@@ -47,13 +47,12 @@ class MovieState(@JsonProperty val movies: Collection<Movie>, val newMovies: Col
 					+"section.daily-programmes li { list-style: none; }"
 					+"section.daily-programmes li.day > .label { font-family: Impact, sans-serif; background-color: black; padding: 0.5ex; font-size: 200%; color: #ffffee; font-weight: bold; }"
 					+"section.daily-programmes li .performances { border-top: 1ex; }"
-					+"section.daily-programmes li.performance { width: 250px; height: 353px; display: inline-block; margin: 1ex 1ex 1ex 0ex; position: relative; }"
-					+"section.daily-programmes li.performance a { width: 100%; height: 100%; display: block; text-decoration: none; }"
-					+"section.daily-programmes li.performance a img { width: 100%; height: 100%; display: block; position: absolute; z-index: -1; }"
-					+"section.daily-programmes li.performance a .text { color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; width: 100%; height: 100%; }"
-					+"section.daily-programmes li.performance a .text .time { padding: 1ex 1ex 0ex 1ex; text-align: right; }"
-					+"section.daily-programmes li.performance a .text .type { padding: 0ex 1ex 1ex 1ex; text-align: right; }"
-					+"section.daily-programmes li.performance a .text .name { padding: 1ex; font-size: 120%; bottom: 0px; position: absolute; }"
+					+"section.daily-programmes li.performance { display: inline-block; margin: 1ex 1ex 1ex 0ex; }"
+					+"section.daily-programmes li.performance a { text-decoration: none; color: white; text-shadow: 2px 2px black; font-weight: bold; font-size: 150%; display: grid; width: 250px; height: 353px; grid-template-rows: 0fr 0fr 1fr 0fr; grid-template-columns: 250px; }"
+					+"section.daily-programmes li.performance a img { grid-area: 1/1/5/1; z-index: -1; width: 100%; height: 100%; }"
+					+"section.daily-programmes li.performance a .time { grid-area: 1/1/2/1; padding: 1ex 1ex 0ex 1ex; text-align: right; }"
+					+"section.daily-programmes li.performance a .type { grid-area: 2/1/3/1; padding: 0ex 1ex 1ex 1ex; text-align: right; }"
+					+"section.daily-programmes li.performance a .name { grid-area: 4/1/5/1; padding: 1ex; font-size: 120%; }"
 				}
 			}
 		}
@@ -99,16 +98,14 @@ class MovieState(@JsonProperty val movies: Collection<Movie>, val newMovies: Col
 										li("performance") {
 											a(href = performance.link) {
 												img(src = movie.imageUrl)
-												div("text") {
-													div("time") {
-														+("%tH:%<tM".format(performance.time))
-													}
-													div("type") {
-														+performance.type
-													}
-													div("name") {
-														+(movie.name)
-													}
+												div("time") {
+													+("%tH:%<tM".format(performance.time))
+												}
+												div("type") {
+													+performance.type
+												}
+												div("name") {
+													+(movie.name)
 												}
 											}
 										}