diff --git a/style.css b/style.css index 81d3304..d6b53af 100644 --- a/style.css +++ b/style.css @@ -3839,14 +3839,20 @@ body:has(.rpg-panel.rpg-position-left) #sheld { grid-row: 3; display: flex; flex-direction: column; - gap: 6px; + gap: 3px !important; /* Reduced from 6px for more compact display */ min-width: 0; + padding: 4px 0.375em !important; /* Reduced vertical padding */ } /* Make mood text readable on mobile */ .rpg-mood-conditions { font-size: clamp(11px, 2.8vw, 14px); - line-height: 1.3; + line-height: 1.2 !important; /* Tighter line height */ + } + + /* Smaller emoji on mobile */ + .rpg-mood-emoji { + font-size: clamp(14px, 3.5vw, 18px) !important; /* Slightly smaller */ } /* Attributes - right side, rows 4-6 aligned with mood */