diff --git a/frontend/src/Components/Chart/BarChart.js b/frontend/src/Components/Chart/BarChart.js index b9d7f0acc..83176c989 100644 --- a/frontend/src/Components/Chart/BarChart.js +++ b/frontend/src/Components/Chart/BarChart.js @@ -2,6 +2,7 @@ import Chart from 'chart.js/auto'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import { kinds } from 'Helpers/Props'; +import { defaultFontFamily } from 'Styles/Variables/fonts'; function getColors(kind) { @@ -39,7 +40,15 @@ class BarChart extends Component { plugins: { title: { display: true, - text: this.props.title + align: 'start', + text: this.props.title, + padding: { + bottom: 30 + }, + font: { + size: 14, + family: defaultFontFamily + } }, legend: { display: this.props.legend diff --git a/frontend/src/Components/Chart/DoughnutChart.js b/frontend/src/Components/Chart/DoughnutChart.js index dd5052e23..d10979aa1 100644 --- a/frontend/src/Components/Chart/DoughnutChart.js +++ b/frontend/src/Components/Chart/DoughnutChart.js @@ -1,6 +1,7 @@ import Chart from 'chart.js/auto'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; +import { defaultFontFamily } from 'Styles/Variables/fonts'; function getColors(kind) { @@ -22,7 +23,15 @@ class DoughnutChart extends Component { plugins: { title: { display: true, - text: this.props.title + align: 'start', + text: this.props.title, + padding: { + bottom: 30 + }, + font: { + size: 14, + family: defaultFontFamily + } }, legend: { position: 'bottom' diff --git a/frontend/src/Components/Chart/StackedBarChart.js b/frontend/src/Components/Chart/StackedBarChart.js index d6e4879d2..3cca1ba81 100644 --- a/frontend/src/Components/Chart/StackedBarChart.js +++ b/frontend/src/Components/Chart/StackedBarChart.js @@ -1,6 +1,7 @@ import Chart from 'chart.js/auto'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; +import { defaultFontFamily } from 'Styles/Variables/fonts'; function getColors(index) { @@ -36,7 +37,15 @@ class StackedBarChart extends Component { plugins: { title: { display: true, - text: this.props.title + align: 'start', + text: this.props.title, + padding: { + bottom: 30 + }, + font: { + size: 14, + family: defaultFontFamily + } } } }, diff --git a/frontend/src/Indexer/Stats/IndexerStats.tsx b/frontend/src/Indexer/Stats/IndexerStats.tsx index 312690d6a..88e2c3a62 100644 --- a/frontend/src/Indexer/Stats/IndexerStats.tsx +++ b/frontend/src/Indexer/Stats/IndexerStats.tsx @@ -233,6 +233,7 @@ function IndexerStats() { @@ -241,6 +242,7 @@ function IndexerStats() { diff --git a/src/NzbDrone.Core/Localization/Core/en.json b/src/NzbDrone.Core/Localization/Core/en.json index 3412a360b..6b1f429e6 100644 --- a/src/NzbDrone.Core/Localization/Core/en.json +++ b/src/NzbDrone.Core/Localization/Core/en.json @@ -79,7 +79,7 @@ "Author": "Author", "Automatic": "Automatic", "AutomaticSearch": "Automatic Search", - "AverageResponseTimesMs": "Average Response Times (Ms)", + "AverageResponseTimesMs": "Average Indexer Response Times (ms)", "Backup": "Backup", "BackupFolderHelpText": "Relative paths will be under Prowlarr's AppData directory", "BackupIntervalHelpText": "Interval between automatic backups",