Poor use of horizontal/vertical space at smaller breakpoints.

[MrJoy]

trafficstars

Describe the bug

For field names, the default width is w-48, with a breakpoint rule of md:w-64.

Unfortunately, for long field names, this presents a problem as certain field labels are relatively long and will get broken onto two lines on mobile.

You might consider this instead: w-full md:w64 since the field name and value aren't on the same row when rendering that small anyway.

Steps to Reproduce

Steps to reproduce the behavior:

1. Add this configuration '...'
2. Go to '...'
3. Click on '....'
4. Scroll down to '....'
5. See error

Expected behavior & Actual behavior

Models and resource files

System configuration

Avo version: 3.4.4

Rails version: 7.1.3.2

Ruby version: 3.2.2

License type:

• [ ] Community
• [ ] Pro
• [x] Advanced

Are you using Avo monkey patches, overriding views or view components?

• [ ] Yes. If so, please post code samples.
• [x] No

Screenshots or screen recordings

Additional context

Impact

• [ ] High impact (It makes my app un-usable.)
• [ ] Medium impact (I'm annoyed, but I'll live.)
• [x] Low impact (It's really a tiny thing that I could live with.)

Urgency

• [ ] High urgency (I can't continue development without it.)
• [ ] Medium urgency (I found a workaround, but I'd love to have it fixed.)
• [x] Low urgency (It can wait. I just wanted you to know about it.)

[adrianthedev]

"Screenshots, or it didn't happen" 😅 We'd love to see the broken labels.

[MrJoy]

vs.

[github-actions[bot]]

This issue has been marked as stale because there was no activity for the past 15 days.

[adrianthedev]

top-notch feedback and solution!

thank you @MrJoy!