fix: make lightbulb emoji inline with help text

- Move 💡 emoji from separate paragraph to inline with suggestion text
- Add proper spacing with margin-right
- Create cleaner, more natural hint presentation

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Thomas Hallock
2025-09-23 08:55:54 -05:00
parent a6920918cc
commit 43e046ae6c

View File

@@ -956,19 +956,12 @@ export function TutorialPlayer({
borderRadius: 'md',
fontSize: 'xs'
})}>
<p className={css({
fontSize: 'xs',
fontWeight: 'medium',
color: 'blue.800',
mb: 1
})}>
💡
</p>
<p className={css({
fontSize: 'xs',
color: 'blue.700',
fontStyle: 'italic'
})}>
<span className={css({ mr: 1 })}>💡</span>
{currentStepSummary}
</p>
</div>