#752 Print Templates bug Solved

[itsGKRam]

The code changes primarily focus on enhancing the user interface and layout of a web application template. These modifications include:

Adoption of Flexbox: The layout has been updated to more extensively use flexbox, improving responsiveness and the organization of elements within the template.

Centering Template Container: The template's display area now centers its contents, ensuring that the template container is visually aligned within its parent element.

Sticky Bottom Bar: A bottom bar containing form controls and display scale adjustments has been made sticky. This ensures it remains accessible, regardless of the user's scroll position within the template display area.

Z-Index Management for Usability: The z-index for certain elements, like the HorizontalResizer, has been adjusted to ensure these elements remain accessible and are not obstructed by other overlapping elements.

Responsive Width Management: Changes have been made to how the maximum width for certain elements is calculated, ensuring that the layout adapts more effectively to different screen sizes.

Improved Class Naming and Ordering: The changes also include cleaner and more consistent naming and ordering of CSS classes, enhancing code readability and maintainability.

Dynamic Height Calculation: The height for certain elements is dynamically calculated based on the viewport height, ensuring that the layout adapts to different screen sizes while maintaining a consistent appearance.

Overall, these changes aim to improve the layout's flexibility, responsiveness, and usability, making the web application more accessible and visually appealing to users.

[Isaac-GC]

Hi @itsGKRam, could you please update/fix the prettier linting issues? (see the files link/tab for the issues)