Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mobile): center avatar without breaking mood layout

Browse Source 
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.
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-17 16:47:26 +11:00
parent 0608bc6280
commit b3ca2960d8
1 changed files with 6 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+6
View File
@@ -3593,6 +3593,12 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: contents !important; 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 { .rpg-stats-grid {
grid-column: 1 / 3; grid-column: 1 / 3;
grid-row: 2; grid-row: 2;