Tweak css

jcraigk · Nov 9, 2024 · 0362217 · 0362217
1 parent 82925fc
commit 0362217
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git a/app/javascript/components/Tracks.jsx b/app/javascript/components/Tracks.jsx
@@ -67,6 +67,7 @@ const Tracks = ({ tracks, viewStyle, numbering = false, omitSecondary = false, h
                 <CoverArt
                   coverArtUrls={track.show_cover_art_urls}
                   css="cover-art-small"
+                  size="small"
                 />
                 <span className="text date-link">
                   <Link to={`/${track.show_date}/${track.slug}`} onClick={(e) => e.stopPropagation()}>

diff --git a/app/javascript/stylesheets/content.css.scss b/app/javascript/stylesheets/content.css.scss
@@ -271,18 +271,18 @@ main {
     display: flex;
     align-items: center;
 
-    .text {
-      margin-left: 0.5rem;
-    }
-
     .cover-art {
       background-color: transparent;
-      position: relative;
+      flex-shrink: 0;
+
+      .cover-art-small {
+        top: 5px;
+      }
     }
 
-    .cover-art-small {
-      filter: grayscale(0.5);
-      top: 5px;
+    .text {
+      margin-left: 0.5rem;
+      flex-shrink: 1;
     }
   }