From 8e913031f196595380c262b311714b8784a07f9c Mon Sep 17 00:00:00 2001 From: Lucas 'Paperboy' Rose-Winters Date: Tue, 21 Oct 2025 21:42:03 +1100 Subject: [PATCH] fix: remove excessive vertical padding from level value on mobile - Changed .rpg-level-value padding from clamp(1px, 0.2vh, 2px) 0.375em to 0 0.375em - Added mobile-specific override to prevent level value from inheriting large touch-friendly padding - Level value now stays compact and properly aligned on mobile (no min-height, no vertical padding) - Fixes misalignment and unwanted vertical space below level value --- style.css | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/style.css b/style.css index eb04705..7670944 100644 --- a/style.css +++ b/style.css @@ -744,7 +744,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld { font-size: 1em; font-weight: 700; color: var(--rpg-highlight-color); - padding: clamp(1px, 0.2vh, 2px) 0.375em; + padding: 0 0.375em; background: var(--rpg-accent-color); border-radius: clamp(2px, 0.3vh, 3px); border: 1px solid var(--rpg-highlight-color); @@ -4139,6 +4139,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld { min-height: 2.75rem; } + /* Exception: Level value should stay compact */ + .rpg-level-value.rpg-editable { + padding: 0 0.375em; + min-height: auto; + line-height: 1.2; + } + /* Larger close buttons */ .rpg-thought-close { min-width: 2.75rem;