Poor use of horizontal/vertical space at smaller breakpoints.

MrJoy commented 8 months ago

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:

Add this configuration '...'
Go to '...'
Click on '....'
Scroll down to '....'
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 commented 7 months ago

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

MrJoy commented 7 months ago

vs.

github-actions[bot] commented 7 months ago

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

adrianthedev commented 6 months ago

top-notch feedback and solution!

thank you @MrJoy!

avo-hq / avo