From cc48f9ed54fd8a8a5e9c51d3bec4b91be2e234be Mon Sep 17 00:00:00 2001 From: Lucas 'Paperboy' Rose-Winters Date: Tue, 21 Oct 2025 22:05:11 +1100 Subject: [PATCH] fix: reduce mood box vertical height on mobile - Reduced gap from 6px to 3px for more compact display - Reduced vertical padding to 4px (from clamp(4px, 0.6vh, 6px)) - Tightened line-height from 1.3 to 1.2 - Reduced emoji size slightly (clamp(14px, 3.5vw, 18px)) - Frees up vertical space for attribute boxes and avatar on mobile --- style.css | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) 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 */