New: Show number of files as tooltip over size on disk

Closes #4203

frontend/src/Components/Tooltip/Tooltip.css

@@ -14,6 +14,7 @@
   &.inverse {
     background-color: $themeDarkColor;
     box-shadow: 0 5px 10px $popoverShadowInverseColor;
+    color: $white;
   }
 }
 

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,

frontend/src/Series/Details/SeriesDetails.js

@@ -432,9 +432,10 @@ class SeriesDetails extends Component {
                     </span>
                   </Label>
 
+                  <Tooltip
+                    anchor={
                       <Label
                         className={styles.detailsLabel}
-                    title={episodeFilesCountMessage}
                         size={sizes.LARGE}
                       >
                         <Icon
@@ -448,6 +449,15 @@ class SeriesDetails extends Component {
                           }
                         </span>
                       </Label>
+                    }
+                    tooltip={
+                      <span>
+                        {episodeFilesCountMessage}
+                      </span>
+                    }
+                    kind={kinds.INVERSE}
+                    position={tooltipPositions.BOTTOM}
+                  />
 
                   <Label
                     className={styles.detailsLabel}