Changed caption from table to inline-blocks

AlbumShuffler · Jun 16, 2024 · c6602d7 · c6602d7
1 parent d90f0ce
commit c6602d7
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/dist/css/main.css b/dist/css/main.css
@@ -284,7 +284,6 @@ body {
     right: 0;
     z-index: 10;
     background: rgba(0, 0, 0, 0.75);
-    display: flex;
     justify-content: center;
     align-items: center;
 }
@@ -298,7 +297,7 @@ body {
 }
 
 .artist-list-item {
-    display: table;
+    display: inline-block;
 }
 
 .artist-list-item img {
@@ -309,12 +308,14 @@ body {
 }
 
 .artist-list-caption {
+    box-sizing: border-box;
+    min-width: 100%;
+    width: 0;
     text-align: center;
     font-weight: 1000;
     text-transform: uppercase;
     font-size: 12px;
     color: white;
-    display: table-caption;caption-side:bottom;
 }
 
 .artist-list-selected-element {

diff --git a/src/Main.elm b/src/Main.elm
@@ -647,7 +647,7 @@ artistOverlay isOverlayOpen artist =
         overlayGrid : List ArtistInfo -> Html Msg
         overlayGrid artists =
             div
-                [ class "artist-list m-20" ]
+                [ class "artist-list" ]
                 (artists
                     |> List.map
                         (\a ->