fix(levels): adjust slider text positioning to prevent emoji overlap

Move level text further down (bottom: -80px) to prevent it from overlapping
with emoji characters. Previous positioning (-60px) was too close for Dan
level emojis, causing the text to cover the characters' chins.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-10-20 10:44:56 -05:00
parent 7c47fcdc54
commit e5ffe3927e

View File

@@ -479,7 +479,7 @@ export default function LevelsPage() {
<div
className={css({
position: 'absolute',
bottom: '-60px',
bottom: '-80px',
left: '50%',
transform: 'translateX(-50%)',
textAlign: 'center',