Replace icon8 icons by freetouse ones

bin/main.ml

@@ -100,7 +100,6 @@ let app _idb =
       `R
         (Elwd.div ~at:[ `P (At.class' (Jstr.v "playlist")) ] [ `R now_playing ]);
       `R player_ui;
-      `P (El.div [ El.txt' "icons by icons8" ]);
     ]
 
 let is_storage_persistent =

bin/ui_playlist.ml

@@ -27,7 +27,7 @@ let make ~reset_playlist ~fetch (view : (Db.View.t, 'a) Fut.result Lwd.t) =
         let connexion : DS.connexion = List.assq server_id servers in
         Printf.sprintf "%s/Items/%s/Images/Primary?width=50" connexion.base_url
           item_id
-      with Not_found -> "error-globe-64.png"
+      with Not_found -> "server-error.png"
     in
     At.src (Jstr.v url)
   in
@@ -48,7 +48,7 @@ let make ~reset_playlist ~fetch (view : (Db.View.t, 'a) Fut.result Lwd.t) =
     let img_url =
       match (image_blur_hashes, album_id) with
       | { primary = None }, _ | _, None ->
-          Lwd.return (At.src (Jstr.v "music-50.png"))
+          Lwd.return (At.src (Jstr.v "track.png"))
       | _, Some id -> Lwd.return (img_url server_id id)
     in
     let status =

web/app.css

@@ -11,7 +11,7 @@ body {
     box-sizing: border-box;
 
     grid-template-columns: 2fr 1fr;
-    grid-template-rows: 5rem 1fr 2rem 1rem;
+    grid-template-rows: 5rem 1fr 2rem;
 
     gap: 1.5rem;
     padding: 1.5rem;
@@ -22,7 +22,8 @@ body {
     width: 100%;
     height: 100%;
 
-    & .item-list, & .playlist {
+    & .item-list,
+    & .playlist {
         display: flex;
         flex-direction: column;
         height: 100%;
@@ -42,4 +43,4 @@ body {
 
 #main-layout .player-wrapper audio {
     border-radius: 0.5rem;
-}
+}