From b3ca2960d879f3d346a8abad5d6c759375d74212 Mon Sep 17 00:00:00 2001
From: Lucas 'Paperboy' Rose-Winters <lucas@sanguinehost.com>
Date: Fri, 17 Oct 2025 16:47:26 +1100
Subject: [PATCH] fix(mobile): center avatar without breaking mood layout

Changed selector from .rpg-stats-left > div to :first-child to only
target the avatar wrapper, preventing the mood emoji from stretching
into the attributes column.

The previous fix made all direct children of .rpg-stats-left span the
full width, which incorrectly affected the mood div. Now only the
first child (avatar wrapper) spans both columns and is centered.
---
 style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/style.css b/style.css
index 5dbae3a..73a71e7 100644
--- a/style.css
+++ b/style.css
@@ -3593,6 +3593,12 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
         display: contents !important;
     }
 
+    /* Center the avatar wrapper on mobile */
+    .rpg-stats-left > div:first-child {
+        grid-column: 1 / 3;
+        justify-content: center !important;
+    }
+
     .rpg-stats-grid {
         grid-column: 1 / 3;
         grid-row: 2;