Increase email list font size on mobile#106
Conversation
✅ Deploy Preview for agent-native-fw ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
builder-io-integration
bot
changed the title
Deploying with
|
| Status | Name | Latest Commit | Updated (UTC) |
|---|---|---|---|
| 🔵 In progress View logs |
agent-native-calendar | a4afece | Mar 29 2026, 04:07 PM |
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
agent-native-mail | 27a11b6 | Commit Preview URL Branch Preview URL |
Mar 29 2026, 04:12 PM |
|
@builderio-bot fix the merge conflict |
|
✅ Merge conflict resolved! I've preserved main's changes by keeping the |
![builder-io-integration[bot]](https://avatars.githubusercontent.com/in/353721?s=60&v=4){kind=small}
There was a problem hiding this comment.
Verified EmailListItem row with responsive classes: text-sm (14px) on mobile, sm:text-[13px] (13px) on desktop — layout intact with proper truncation and alignment
Details
PR #106 adds responsive Tailwind font classes to EmailListItem.tsx for improved mobile readability. Code review found no issues — all 4 text elements updated consistently, deleted files are auto-generated and safe to remove. Visual verification confirms the row layout renders correctly with proper truncation, alignment, and no overflow issues.
2 participants
Summary
Bumps up the font size for email list items in the mail template on mobile devices, making the text more readable on smaller screens.
Problem
The email list in the mail template used a fixed small font size (
text-[13px]/text-[12px]) across all screen sizes, which was too small to read comfortably on mobile.Solution
Applied responsive Tailwind classes so that mobile uses the standard
text-sm/text-xssizes, while larger screens (sm:breakpoint and above) retain the original custom pixel sizes.Key Changes
text-[13px]totext-sm sm:text-[13px]for responsive sizingtext-[13px]totext-sm sm:text-[13px]for responsive sizingtext-[13px]totext-sm sm:text-[13px]for responsive sizingtext-[12px]totext-xs sm:text-[12px]for responsive sizingTo clone this PR locally use the Github CLI with command
gh pr checkout 106You can tag me at @BuilderIO for anything you want me to fix or change