- 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
