From e07b2e40c48aa89a3440b70515f092cb691c3339 Mon Sep 17 00:00:00 2001
From: Core <core@coredev.uk>
Date: Wed, 22 Oct 2025 23:12:22 +0100
Subject: [PATCH] fix: optimise css for ratings

---
 slideshowpure.css | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/slideshowpure.css b/slideshowpure.css
index 29c8206..9651b9a 100644
--- a/slideshowpure.css
+++ b/slideshowpure.css
@@ -378,6 +378,9 @@
 }
 
 .genre {
+  display: flex;
+  gap: 5px;
+  align-items: center;
   position: absolute;
   top: calc(50% + 4vh);
   left: 4vw;
@@ -500,14 +503,13 @@
   align-items: center;
   z-index: 5;
   position: relative;
+  gap: 10px;
 }
 
 .runTime {
   font-family: "Archivo Narrow", sans-serif;
   display: flex;
   align-items: center;
-  margin-left: 5px;
-  margin-right: 5px;
   align-content: center;
   justify-content: center;
   flex-wrap: wrap;
@@ -523,6 +525,11 @@
   width: auto !important;
 }
 
+.star-rating-container {
+  display: flex;
+  align-items: center;
+}
+
 /* Rotten Tomatoes Critic Rating Styles */
 
 .critic-rating {
@@ -530,6 +537,7 @@
   align-items: center;
   display: flex;
   min-height: 1.2em;
+  gap: 0.25em;
 }
 
 /**/
@@ -537,8 +545,6 @@
 .age-rating {
   display: flex;
   align-items: center;
-  margin-left: 5px;
-  margin-right: 5px;
   border-radius: 5px;
   background: rgb(255 255 255 / 0.8);
   color: #000;
@@ -553,16 +559,12 @@
   font-weight: 500;
   display: flex;
   align-items: center;
-  margin-left: 5px;
-  margin-right: 5px;
   flex-wrap: wrap;
   align-content: center;
   justify-content: center;
 }
 
 .separator-icon {
-  margin-left: 5px;
-  margin-right: 5px;
   font-size: 10px;
   color: aquamarine;
 }