Tweaks

Author: stronk-dev

README.md

@@ -79,6 +79,7 @@ The player arranges itself based on the screen dimensions, with three possible l
 
 ### Widescreen
 ![WideLib](screenshots/widescreen.png)
+![WideLib](screenshots/widescreen_lib.png)
 ![WideLib](screenshots/widescreen_library.png)
 
 ### Portrait 

screenshots/widescreen_lib.png

@@ -9,6 +9,7 @@
   border-radius: 0.5em;
   box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5);
   position: relative;
+  display: flex;
 }
 
 .spotify-player-playlist-container {

src/components/Info/Playlists.css

@@ -30,7 +30,7 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  overflow-y: hidden;
+  overflow: hidden;
 }
 
 /* Wrapper main contents */
@@ -78,7 +78,7 @@
 }
 
 .spotify-player-default-layout .spotify-player-playlist-container {
-  grid-template-rows: repeat(4, minmax(50px, auto));
+  grid-template-rows: repeat(3, minmax(50px, auto));
   grid-auto-flow: column;
 }
 
@@ -125,7 +125,7 @@
   flex: 2;
   display: flex;
   flex-direction: column;
-  gap: 0;
+  gap: 0.4em;
   height: 100%;
   overflow-x: auto;
   box-sizing: border-box;

src/components/MediaPlayer.css

@@ -19,4 +19,5 @@ body {
 
 body #root {
   height: unset;
+  padding: 2em;
 }