Fix preview width if stack rows are too wide

[dunhamjared]

🔗 Linked issue

The preview width is too small when the stack rows are wide

Fix #53

❓ Type of change

• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality like performance)
• ✨ New feature (a non-breaking change that adds functionality)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

The goal of this PR is to:

• Resolve layout issues when the stack row text is too wide
• Minor improvements to flex implementation:
  • Applied minimum widths for frame-preview and frame-stack, grow to fill space
  • Updated error-frames to allow frame-preview and frame-stack to wrap if needed
  • Moved the order of elements within the error-frames div so flex-direction: row-reverse; is not required
  • Now using gap instead of margin
  • Removed media query code, not needed with the above changes

🖼️ Screenshots

Before:

Screen.Recording.2024-05-21.at.8.25.10.AM.mov

After:

Screen.Recording.2024-05-21.at.8.59.10.AM.mov

After - but without the super long method name:

Screen.Recording.2024-05-21.at.9.00.12.AM.mov

📝 Checklist

• I have read the contribution guide.
• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[thetutlage]

Thanks. It looks better for sure :)