diff --git a/static/index2.html b/static/index2.html index 4f6ecbc..6510920 100644 --- a/static/index2.html +++ b/static/index2.html @@ -46,24 +46,86 @@ -
+
- - - + + + + + + + - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
ArtistAlbumTrackPositionTitleArtistGenreAlbumTimeDisc
The BeatlesSome AlbumYellow Submarine1ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
2ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
3ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
4ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
5ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
6ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
7ChakraLove Shines Through (Martin Roth's in Electro Love Remix)undefinedundefinedundefined9:29
-
+
diff --git a/static/style2.css b/static/style2.css index 0ee5f9e..fdd95f8 100644 --- a/static/style2.css +++ b/static/style2.css @@ -1,7 +1,7 @@ body { display: grid; grid-template-columns: 1fr; - grid-template-rows: 128px 1fr 1fr 32px; + grid-template-rows: 128px 100px 300px 32px; gap: 0 0; grid-auto-flow: row; grid-template-areas: "header" "playlist" "db" "footer"; @@ -17,14 +17,10 @@ header { grid-area: header; } -div { +div, header, footer, section { border: dotted 1px; } -section.playlist { - grid-area: playlist; -} - header .config { grid-area: config; } @@ -62,3 +58,7 @@ section.db { .db .result { grid-area: result; } + +.playlist { + overflow: auto; +}