Improve button font size, visibility, and alignment for better UI/UX #233
Description
Prerequisites
- I have searched existing issues to ensure this bug hasn't been reported before
- I have updated to the latest version of the project
- I have read the troubleshooting documentation
🔍 Bug Description
Description:
Currently, the buttons have font sizes that appear too small compared to the card headings. The button font is not clearly visible, and the size mismatch makes the UI look inconsistent.
🔄 Steps to Reproduce
Open the TalkHeal home page.
Navigate to the main feature cards .
Observe the button font size and alignment under each card.
✅ Expected Behavior
Expected Behavior:
Button text should be clearly visible with a larger, more readable font size.
Button size should be proportional to the card size.
Font color should have good contrast against the button background for accessibility.
❌ Actual Behavior
Button text is too small and not clearly visible.
Button font size looks inconsistent compared to card titles.
Low contrast between button background and text reduces readability.
Overall, buttons don’t align well with the card design.
🚨 Severity
Low - Minor issue, workaround available
🖥️ Environment Information
📋 Error Logs
📸 Screenshots
https://drive.google.com/file/d/1e_6XPMxE6h2fQNtV8rpxgrfVNBTbDOzo/view?usp=sharing
📝 Additional Context
No response
🤝 Contribution
- I'm willing to submit a pull request to fix this bug
- I can help with testing the fix
- I'm available to provide additional information if needed