From 495b2bafe21dcfa5f316cb6098267014966af033 Mon Sep 17 00:00:00 2001
From: Adrien <me@adrien.run>
Date: Mon, 23 Jan 2023 22:50:29 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A5=20Remove=20ar16x9=20CSS=20class?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/passagesDisplay.module.css | 8 +-------
 frontend/src/passagesDisplay.tsx        | 3 +--
 frontend/src/passagesPanel.module.css   | 1 +
 3 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/frontend/src/passagesDisplay.module.css b/frontend/src/passagesDisplay.module.css
index c42449b..49f0e39 100644
--- a/frontend/src/passagesDisplay.module.css
+++ b/frontend/src/passagesDisplay.module.css
@@ -1,11 +1,5 @@
-
-/* TODO: Remove this class */
-.ar16x9 {
-	aspect-ratio: 16 / 9;
-}
-
 /* Idfm: 1860x1080px */
-.PassagesDisplay {
+.passagesDisplay {
 	aspect-ratio: 16/9;
 	--reverse-aspect-ratio: 9/16;
 	/* height is set according to the aspect-ratio, don´t touch it */
diff --git a/frontend/src/passagesDisplay.tsx b/frontend/src/passagesDisplay.tsx
index 761ad89..a0f3737 100644
--- a/frontend/src/passagesDisplay.tsx
+++ b/frontend/src/passagesDisplay.tsx
@@ -181,9 +181,8 @@ export const PassagesDisplay: Component = () => {
 		);
 	}
 
-	const mainDivClasses = `${styles.PassagesDisplay} ${styles.ar16x9}`;
 	return (
-		<div class={mainDivClasses}>
+		<div class={styles.passagesDisplay}>
 			{_computeHeader("Prochains passages")}
 			<div class={styles.panelsContainer}>
 				{() => {
diff --git a/frontend/src/passagesPanel.module.css b/frontend/src/passagesPanel.module.css
index 88625e1..0637557 100644
--- a/frontend/src/passagesPanel.module.css
+++ b/frontend/src/passagesPanel.module.css
@@ -11,6 +11,7 @@
 	display: block;
 }
 
+/* TODO: Remove the bottom border only if there are 5 displayed lines. */
 .passagesContainer .line:last-child {
 	border-bottom: 0;
 	/* To make up for the bottom border deletion */