From 3c1bd01373a8ccdb4c685104c5e40fe2978bb332 Mon Sep 17 00:00:00 2001
From: CodeDevMLH <145071728+CodeDevMLH@users.noreply.github.com>
Date: Fri, 27 Feb 2026 03:59:19 +0100
Subject: [PATCH] Fix positioning of olympia-symbol and adjust ring CSS for
 improved alignment [skip ci]

---
 Jellyfin.Plugin.Seasonals/Web/olympia.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/Jellyfin.Plugin.Seasonals/Web/olympia.css b/Jellyfin.Plugin.Seasonals/Web/olympia.css
index 31dd63a..d732da7 100644
--- a/Jellyfin.Plugin.Seasonals/Web/olympia.css
+++ b/Jellyfin.Plugin.Seasonals/Web/olympia.css
@@ -12,10 +12,11 @@
 
 .olympia-symbol {
     position: absolute;
-    top: -10vh;
+    top: 0;
     opacity: 0.95;
     text-shadow: 0 0 10px rgba(255,255,255,0.2);
     z-index: 40;
+    translate: 0 -10vh;
 }
 
 .olympia-flame {
@@ -34,8 +35,8 @@
 .olympia-ring-css::before {
     content: '';
     position: absolute;
-    top: 50%; left: 50%;
-    transform: translate(-50%, -50%);
+    top: 0;
+    translate: -50% -50%;
     width: 30px;
     height: 30px;
     border: 5px solid #0081C8; /* Default blue ring */
@@ -46,13 +47,15 @@
 }
 .olympia-symbol {
     position: absolute;
-    top: -10vh;
+    top: 0;
     opacity: 0.95;
     text-shadow: 0 0 10px rgba(255,255,255,0.2);
     z-index: 40;
+    translate: 0 -10vh;
 }
 
 .olympia-inner {
+    will-change: transform;
     display: inline-block;
     animation: olympia-sway linear infinite alternate;
 }