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;
}
.artistNavigationButtons {
white-space: no-wrap;
.albumNavigationButtons {
white-space: nowrap;
}
.artistNavigationButton {
.albumNavigationButton {
composes: button from 'Components/Link/IconButton.css';
margin-left: 5px;
width: 30px;
color: #e1e2e3;
white-space: nowrap;
}

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

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

Loading…
Cancel
Save