Redesign tips display on home screen #6126

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Open

iamdavidhill wants to merge 1 commit into dev from style-new-tips-layout

+126 −148

Contributor

iamdavidhill commented Dec 24, 2025

Summary

Redesign the "Did you know" tips on the home screen to appear centered below the input instead of in a bordered box in the corner
Simplify tip styling: renamed to "Tip", removed border, made inline with yellow bullet indicator
Changes

Layout:

Moved tips from bottom-right corner to below the input field
Tips are now centered and constrained to the same max-width as the input (75 chars)
"Hide tips" shortcut remains in the bottom-right corner

Styling:

Changed title from "Did you know?" to "Tip"
Removed decorative border around tips
Added yellow bullet indicator (●) before "Tip" label
Text wraps with hanging indent so wrapped lines align with tip content

Content:

Removed trailing periods from all tips
Shortened tips that exceeded 70 characters to ensure they fit on narrow screens


          new tips layout

0795e5e

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet