From 4714f2bd1f648a4e707601fcf565d4247d89bf82 Mon Sep 17 00:00:00 2001
From: KittenTM <aidenplayzroblox123@gmail.com>
Date: Wed, 1 Apr 2026 04:31:27 +0200
Subject: [PATCH] fix: css centering issues in /ranking

---
 ranking/styles.css | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/ranking/styles.css b/ranking/styles.css
index a00cf00..d13a4a5 100644
--- a/ranking/styles.css
+++ b/ranking/styles.css
@@ -28,6 +28,10 @@ body {
     background-attachment: fixed;
 }
 
+:root {
+    --sidebar-width: 330px;
+}
+
 .menu-item .hover-state {
     display: none;
 }
@@ -111,7 +115,7 @@ body {
 }
 
 .logo-left-align {
-    display: flex;
+    display: flex-start;
     flex-direction: column;
     align-items: flex-start;
     justify-content: flex-start;
@@ -173,7 +177,6 @@ body {
     justify-content: center;
     gap: 15px;
     margin: 30px 0;
-    transform: translateX(50px);
 }
 
 .mode-button { width: 280px; transition: transform 0.1s ease; }
@@ -188,7 +191,6 @@ body {
     display: flex;
     flex-direction: column;
     align-items: center;
-    transform: translateX(50px);
 }
 
 .rank-header-area {
@@ -325,4 +327,10 @@ body {
 .rank-accent.standard-mode-fix {
     transform: scale(2.0);
     transform-origin: center;
+}
+
+.main-wrapper {
+    width: calc(100% - var(--sidebar-width));
+    display: flex;
+    flex-direction: column;
 }
\ No newline at end of file