diff --git a/frontend/src/Movie/Details/MovieDetails.css b/frontend/src/Movie/Details/MovieDetails.css index 260bcfb69..f6665805b 100644 --- a/frontend/src/Movie/Details/MovieDetails.css +++ b/frontend/src/Movie/Details/MovieDetails.css @@ -116,6 +116,9 @@ font-size: 20px; } +.links, +.tags, +.rating, .year, .runtime { margin-right: 15px; @@ -145,9 +148,7 @@ .qualityProfileName, .statusName, .studio, -.collection, -.links, -.tags { +.collection { font-weight: 300; font-size: 17px; } diff --git a/frontend/src/Movie/Details/MovieDetails.js b/frontend/src/Movie/Details/MovieDetails.js index a8bbc1d8d..39a4b6c3e 100644 --- a/frontend/src/Movie/Details/MovieDetails.js +++ b/frontend/src/Movie/Details/MovieDetails.js @@ -39,7 +39,7 @@ import MovieAlternateTitles from './MovieAlternateTitles'; import MovieDetailsLinks from './MovieDetailsLinks'; import InteractiveSearchTable from 'InteractiveSearch/InteractiveSearchTable'; import InteractiveSearchFilterMenuConnector from 'InteractiveSearch/InteractiveSearchFilterMenuConnector'; -// import MovieTagsConnector from './MovieTagsConnector'; +import MovieTagsConnector from './MovieTagsConnector'; import styles from './MovieDetails.css'; const defaultFontSize = parseInt(fonts.defaultFontSize); @@ -175,7 +175,7 @@ class MovieDetails extends Component { inCinemas, images, alternateTitles, - // tags, + tags, isSaving, isRefreshing, isSearching, @@ -290,23 +290,6 @@ class MovieDetails extends Component {
{title}
- - { - !!alternateTitles.length && -
- - } - title="Alternate Titles" - body={} - position={tooltipPositions.BOTTOM} - /> -
- }
@@ -353,10 +336,53 @@ class MovieDetails extends Component { { !!ratings && - + + + } + + { + + + } + title="Links" + body={ + + } + position={tooltipPositions.BOTTOM} /> + + } + + { + !!tags.length && + + + } + title="Tags" + body={ + + } + position={tooltipPositions.BOTTOM} + /> + }
@@ -448,22 +474,6 @@ class MovieDetails extends Component { /> - - - - { - - } - -