diff --git a/frontend/src/Artist/Details/ArtistDetails.css b/frontend/src/Artist/Details/ArtistDetails.css index 485be844b..dd1e8be64 100644 --- a/frontend/src/Artist/Details/ArtistDetails.css +++ b/frontend/src/Artist/Details/ArtistDetails.css @@ -32,13 +32,6 @@ color: $white; } -.logo { - flex-shrink: 0; - margin-right: 35px; - width: 250px; - height: 97px; -} - .poster { flex-shrink: 0; margin-right: 35px; @@ -68,19 +61,33 @@ .titleContainer { display: flex; - justify-content: space-between; + margin-bottom: 5px; } .title { - margin-bottom: 5px; font-weight: 300; font-size: 50px; line-height: 50px; } +.toggleMonitoredContainer { + align-self: center; + margin-right: 10px; +} + +.monitorToggleButton { + composes: toggleButton from 'Components/MonitorToggleButton.css'; + + width: 40px; + + &:hover { + color: $iconButtonHoverLightColor; + } +} + .alternateTitlesIconContainer { + align-self: flex-end; margin-left: 20px; - line-height: 50px; } .artistNavigationButtons { @@ -94,6 +101,10 @@ width: 30px; color: #e1e2e3; white-space: nowrap; + + &:hover { + color: $iconButtonHoverLightColor; + } } .details { diff --git a/frontend/src/Artist/Details/ArtistDetails.js b/frontend/src/Artist/Details/ArtistDetails.js index 21bce5fbc..1d2dfe858 100644 --- a/frontend/src/Artist/Details/ArtistDetails.js +++ b/frontend/src/Artist/Details/ArtistDetails.js @@ -12,6 +12,7 @@ import Icon from 'Components/Icon'; import IconButton from 'Components/Link/IconButton'; import Label from 'Components/Label'; import Measure from 'Components/Measure'; +import MonitorToggleButton from 'Components/MonitorToggleButton'; import LoadingIndicator from 'Components/Loading/LoadingIndicator'; import PageContent from 'Components/Page/PageContent'; import PageContentBodyConnector from 'Components/Page/PageContentBodyConnector'; @@ -173,6 +174,7 @@ class ArtistDetails extends Component { images, alternateTitles, tags, + isSaving, isRefreshing, isSearching, isFetching, @@ -182,6 +184,7 @@ class ArtistDetails extends Component { hasMonitoredAlbums, previousArtist, nextArtist, + onMonitorTogglePress, onRefreshPress, onSearchPress } = this.props; @@ -313,13 +316,25 @@ class ArtistDetails extends Component { />