diff --git a/src/webui/www/private/css/style.css b/src/webui/www/private/css/style.css index 1f5f87ebc..d140ad1bc 100644 --- a/src/webui/www/private/css/style.css +++ b/src/webui/www/private/css/style.css @@ -758,8 +758,27 @@ td.statusBarSeparator { } /* Statistics window */ -.statisticsValue { - text-align: right; +#statisticspage * { + box-sizing: border-box; +} + +#statisticsContent { + & table { + background-color: var(--color-background-default); + border-radius: 6px; + margin-bottom: 6px; + padding: 6px 10px; + + & .statisticsValue { + text-align: right; + } + } + + & h3 { + color: var(--color-text-default); + margin-bottom: 1px; + padding: 2px; + } } /* Search tab */ diff --git a/src/webui/www/private/scripts/mocha-init.js b/src/webui/www/private/scripts/mocha-init.js index 362e28e1d..2f24ed2e2 100644 --- a/src/webui/www/private/scripts/mocha-init.js +++ b/src/webui/www/private/scripts/mocha-init.js @@ -427,8 +427,8 @@ const initializeWindows = function() { contentURL: new URI("views/statistics.html").toString(), maximizable: false, padding: 10, - width: loadWindowWidth(id, 275), - height: loadWindowHeight(id, 370), + width: loadWindowWidth(id, 285), + height: loadWindowHeight(id, 415), onResize: window.qBittorrent.Misc.createDebounceHandler(500, (e) => { saveWindowSize(id); })