- Adjusted gap values in DashStats.page for improved alignment and spacing.
- Updated CSS in DashStats.css to enhance layout controls and added new styles for tile-header-right-controls.
- Commented out letter-spacing in default-base.css for better text presentation and adjusted control styles for consistency.
This update aims to enhance the visual clarity and responsiveness of the dashboard layout.
- Changed grid-template-columns in DashStats.css to use repeat(2, 1fr) for better responsiveness.
- Commented out text-transform in default-base.css to allow for more flexible text styling.
- Updated HTML structure in DashStats.page to incorporate a new tile-header format for better organization and visual clarity.
- Adjusted CSS in DashStats.css to introduce new styles for tile headers and improve layout responsiveness.
- Made minor adjustments in default-base.css for padding consistency.
This update aims to enhance the user interface experience and maintainability of the code.
- Refactored HTML structure in DashStats.page to implement a new tile-header layout for improved organization and visual clarity.
- Adjusted CSS styles in DashStats.css and default-base.css to support the new layout, including flexbox adjustments for better alignment and spacing.
This update aims to enhance the user interface experience and maintainability of the code.
- Adjusted grid layout to have 1 column by default for mobile screens.
- Implemented 2 columns for medium screens and 3 columns for larger screens using media queries for enhanced responsiveness.
- Commented out unnecessary styles in div.last to clean up the CSS.
- Introduced a new CSS variable for grid column width to enhance flexibility.
- Adjusted grid layout for better responsiveness on larger screens with a media query.
- Changed padding-top and padding-bottom in DashStats.css from fixed values to rem units for better responsiveness.
- Removed margin from div.tabs in default-base.css to enhance layout consistency.
- Disk settings: Separate SSD temperature thresholds
- Dashboard: more descriptive system resources + tooltip
- Wrappers: fix NVME power value retrieval
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
