Fixed: Artist and Album navigation buttons wrapping

pull/504/head
Qstick 6 years ago
parent ddf9e8bb01
commit 88c58e2529

@ -76,14 +76,15 @@
line-height: 50px; line-height: 50px;
} }
.artistNavigationButtons { .albumNavigationButtons {
white-space: no-wrap; white-space: nowrap;
} }
.artistNavigationButton { .albumNavigationButton {
composes: button from 'Components/Link/IconButton.css'; composes: button from 'Components/Link/IconButton.css';
margin-left: 5px; margin-left: 5px;
width: 30px;
color: #e1e2e3; color: #e1e2e3;
white-space: nowrap; white-space: nowrap;
} }

@ -255,9 +255,9 @@ class AlbumDetails extends Component {
{title}{disambiguation ? ` (${disambiguation})` : ''} {title}{disambiguation ? ` (${disambiguation})` : ''}
</div> </div>
<div className={styles.artistNavigationButtons}> <div className={styles.albumNavigationButtons}>
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_LEFT} name={icons.ARROW_LEFT}
size={30} size={30}
title={`Go to ${previousAlbum.title}`} title={`Go to ${previousAlbum.title}`}
@ -265,7 +265,7 @@ class AlbumDetails extends Component {
/> />
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_UP} name={icons.ARROW_UP}
size={30} size={30}
title={`Go to ${artist.artistName}`} title={`Go to ${artist.artistName}`}
@ -273,7 +273,7 @@ class AlbumDetails extends Component {
/> />
<IconButton <IconButton
className={styles.artistNavigationButton} className={styles.albumNavigationButton}
name={icons.ARROW_RIGHT} name={icons.ARROW_RIGHT}
size={30} size={30}
title={`Go to ${nextAlbum.title}`} title={`Go to ${nextAlbum.title}`}

@ -84,13 +84,14 @@
} }
.artistNavigationButtons { .artistNavigationButtons {
white-space: no-wrap; white-space: nowrap;
} }
.artistNavigationButton { .artistNavigationButton {
composes: button from 'Components/Link/IconButton.css'; composes: button from 'Components/Link/IconButton.css';
margin-left: 5px; margin-left: 5px;
width: 30px;
color: #e1e2e3; color: #e1e2e3;
white-space: nowrap; white-space: nowrap;
} }

Loading…
Cancel
Save