🔗 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:

After:

After - but without the super long method name:

📝 Checklist

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