- Introduced a new flex utility class `.buttons-no-margin` in default-base.css to manage button spacing effectively.
- Updated CreateDocker.php to wrap checkbox inputs in flex containers for improved alignment and spacing.
- Adjusted AddContainer.css to refine the max-width of span elements and commented out unused styles for better maintainability.
- This change continues the effort to enhance visual consistency across the plugin.
- Refactored DockerSettings.page to improve the structure and readability of checkbox and input elements using flexbox for better alignment.
- Updated DockerSettings.css to comment out unused styles for select and span elements, streamlining the CSS for improved maintainability.
- This change continues the effort to enhance visual consistency across the plugin.
Instead of styling defined inside a page file, these settings are now kept in a dedicated css file. This has several advantages:
- It comes much easier to maintain styling, all css files are easy to find and update
- Browser can cache css files, which may improve page loading time
- Separate theme css files exist, no more need to make selection by coding
- This PR is a 1-to-1 move of existing inline styling to css files
- In future more optimization can be made by consolidating css files
