diff --git a/frontend/src/Components/Tooltip/Tooltip.css b/frontend/src/Components/Tooltip/Tooltip.css index c5ddc7272..7075042d2 100644 --- a/frontend/src/Components/Tooltip/Tooltip.css +++ b/frontend/src/Components/Tooltip/Tooltip.css @@ -14,6 +14,7 @@ &.inverse { background-color: $themeDarkColor; box-shadow: 0 5px 10px $popoverShadowInverseColor; + color: $white; } } diff --git a/frontend/src/Series/Details/SeriesDetails.css b/frontend/src/Series/Details/SeriesDetails.css index e5a70f282..686a0c30f 100644 --- a/frontend/src/Series/Details/SeriesDetails.css +++ b/frontend/src/Series/Details/SeriesDetails.css @@ -119,6 +119,13 @@ margin: 5px 10px 5px 0; } +.fileCountMessage { + padding: 5px; + white-space: nowrap; + font-weight: 300; + font-size: 15px; +} + .path, .sizeOnDisk, .qualityProfileName, diff --git a/frontend/src/Series/Details/SeriesDetails.js b/frontend/src/Series/Details/SeriesDetails.js index 7b0856ccb..74ff7f567 100644 --- a/frontend/src/Series/Details/SeriesDetails.js +++ b/frontend/src/Series/Details/SeriesDetails.js @@ -432,22 +432,32 @@ class SeriesDetails extends Component { - + + { + formatBytes(sizeOnDisk || 0) + } + + + } + tooltip={ + + {episodeFilesCountMessage} + + } + kind={kinds.INVERSE} + position={tooltipPositions.BOTTOM} + />