Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Clean Up / Fix Single Page and Wizard Layouts for Consistency and Compatibility with Riverlea #662

Open
4 tasks
themak1985 opened this issue Jan 3, 2025 · 0 comments

Comments

@themak1985
Copy link

Thank you for the fantastic work on Mosaico! There are a number of visual inconsistencies in the Single Page and Wizard layouts of Mosaico, regardless of the chosen theme in CiviCRM. These issues affect the overall usability and polish of the interface, especially when compared to more refined tools like MailChimp.

Key Issues:

  • Label Positioning and Spacing: Field labels lack consistent alignment and spacing, leading to a cluttered appearance.
  • Field Sizes and Alignment: Field dimensions vary significantly. For example: The Mailing Name field is unusually large compared to others and appears inline rather than on its own row. The Subject field size fluctuates between being too small or too large, depending on the theme.
  • Button Sizes and Spacing: Buttons are inconsistently sized, and their spacing is sometimes nonexistent, which disrupts the visual flow.
  • Thumbnail Distortion: Thumbnails can appear distorted based on the active theme, diminishing the professionalism of the design.

Why This Matters:
While the functionality of Mosaico remains intact, these visual inconsistencies give the interface a "janky" feel and detract from user experience. Improving these layouts would not only enhance usability but also align Mosaico's interface with the polish expected from modern email marketing tools.

Suggested Improvements:
Standardize field sizes and establish a unified grid and spacing system for fields, labels, and buttons.
Maintain aspect ratios for thumbnails to prevent distortion regardless of theme.
Conduct a review of layouts across themes to ensure compatibility and eliminate theme-dependent variations.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant