🔥 Remove ar16x9 CSS class

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 */

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}>
 				{() => {

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 */