diff --git a/README.md b/README.md index 0599cb8..877866d 100644 --- a/README.md +++ b/README.md @@ -8,7 +8,12 @@ 2. Open the Theme Engine settings, from the Unraid Settings page 3. Toggle from `Basic view` to `Advanced view` 4. Set `Enable custom styling` to `Yes` -5. Copy and paste the code from [custom.css](./custom.css) into the `Custom styling (advanced)` field +5. Copy and paste the following code into the `Custom styling (advanced)` field: +```html + + + +``` 6. Click apply 7. Enjoy from your phone/tablet diff --git a/custom.css b/custom.css index c0b47e6..4a84442 100644 --- a/custom.css +++ b/custom.css @@ -1,6 +1,6 @@ /** * https://github.com/ccmorris/unraid-gui-responsive - * Last modified: 2024-03-24 + * Last modified: 2025-02-26 */ @media (max-width: 1260px) { @@ -8,6 +8,7 @@ text-align: left; } + #displaybox, #template { min-width: auto; margin: 0; @@ -66,8 +67,20 @@ table.tablesorter.shift { margin: 0; } - table.share_status { - white-space: normal; + + table.disk_status, + table.share_status, + table.plugins, + table#docker_containers, + table#kvm_table, + table.dashboard > tbody { + max-width: 100%; + overflow-x: auto; + display: block; + } + + span.status.vhshift { + margin-right: 0; } } @@ -291,10 +304,4 @@ display: block; column-count: 2; } -} - -/** - * NOTE: The /style and meta viewport tags are important! -*/ - - \ No newline at end of file +} \ No newline at end of file