From 828dad14c267286efc627037d7ffaf0f8bda53d0 Mon Sep 17 00:00:00 2001
From: John Juback <johnjuback@gmail.com>
Date: Fri, 9 Aug 2024 15:58:19 -0400
Subject: [PATCH] Tweaked word wrap in tracks view

---
 src/Album.js    | 6 +++---
 src/Artists.css | 8 ++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/Album.js b/src/Album.js
index da9cac5..0e4f74e 100644
--- a/src/Album.js
+++ b/src/Album.js
@@ -33,7 +33,7 @@ export const Album = (props) => {
     <>
       <Navbar className="fixed-top bg-body-tertiary">
         <Container>
-          <Navbar.Brand className="mw-75 text-truncate">
+          <Navbar.Brand className="album-title text-truncate">
             <img
               alt=""
               src={makeUrl(props.Cover, props.genre)}
@@ -43,8 +43,8 @@ export const Album = (props) => {
             />&nbsp;&nbsp;
             {props.Title}
           </Navbar.Brand>
-          <Navbar.Collapse className="justify-content-end">
-            <Navbar.Text className="mw-25 text-truncate">
+          <Navbar.Collapse className="justify-content-end album-artist">
+            <Navbar.Text className="text-truncate">
               {props.Artist}
             </Navbar.Text>
           </Navbar.Collapse>
diff --git a/src/Artists.css b/src/Artists.css
index 8db0a2c..31adc50 100644
--- a/src/Artists.css
+++ b/src/Artists.css
@@ -27,4 +27,12 @@ audio {
 
 .figure {
     margin-bottom: 0px;
+}
+
+.album-title {
+    max-width: 60% !important;
+}
+
+.album-artist {
+    max-width: 40% !important;
 }
\ No newline at end of file