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}
+ />