From 88c58e25295b5ce07fd154a94ee7b4cb87c0a13e Mon Sep 17 00:00:00 2001
From: Qstick <qstick@gmail.com>
Date: Sat, 10 Nov 2018 22:30:21 -0500
Subject: [PATCH] Fixed: Artist and Album navigation buttons wrapping

---
 frontend/src/Album/Details/AlbumDetails.css   | 7 ++++---
 frontend/src/Album/Details/AlbumDetails.js    | 8 ++++----
 frontend/src/Artist/Details/ArtistDetails.css | 3 ++-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/frontend/src/Album/Details/AlbumDetails.css b/frontend/src/Album/Details/AlbumDetails.css
index 8b5f5c770..bc6d6884d 100644
--- a/frontend/src/Album/Details/AlbumDetails.css
+++ b/frontend/src/Album/Details/AlbumDetails.css
@@ -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;
 }
diff --git a/frontend/src/Album/Details/AlbumDetails.js b/frontend/src/Album/Details/AlbumDetails.js
index 8e9319601..d88b6ea8c 100644
--- a/frontend/src/Album/Details/AlbumDetails.js
+++ b/frontend/src/Album/Details/AlbumDetails.js
@@ -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}`}
diff --git a/frontend/src/Artist/Details/ArtistDetails.css b/frontend/src/Artist/Details/ArtistDetails.css
index d7873a258..249eeb973 100644
--- a/frontend/src/Artist/Details/ArtistDetails.css
+++ b/frontend/src/Artist/Details/ArtistDetails.css
@@ -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;
 }