Tweaked word wrap in tracks view

jjuback · Aug 9, 2024 · 828dad1 · 828dad1
1 parent 7209b54
commit 828dad1
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 3 deletions.
diff --git 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
@@ -27,4 +27,12 @@ audio {
 
 .figure {
     margin-bottom: 0px;
+}
+
+.album-title {
+    max-width: 60% !important;
+}
+
+.album-artist {
+    max-width: 40% !important;
 }