diff --git a/static/musik.css b/static/musik.css index 150a3cf..79f4546 100644 --- a/static/musik.css +++ b/static/musik.css @@ -4,14 +4,13 @@ body { } img { - max-width:100%; - max-height:100%; + max-height: 30vh; } #globalContainer { - display: flex; - flex-direction: column; height: 100vh; + display: grid; + grid-template-rows: auto 1fr auto; } #titleContainer { @@ -19,11 +18,7 @@ img { } #navigationContainer { - flex: auto; - overflow: auto; display: flex; - flex-direction: row; - height: 100%; border-top: 2px solid #ccc; border-bottom: 2px solid #ccc; } @@ -34,22 +29,15 @@ img { } #playerContainer { - height: 30vh; - flex: 0 0 auto; display: flex; - flex-direction: row; justify-content: center; } #albumCover { padding-right: 1em; - padding-left: 1em; - padding-bottom: 3px; - box-sizing: border-box; } #playerControls { text-align: center; - padding-right: 0.5em; padding-bottom: 0.5em; } diff --git a/templates/index.html b/templates/index.html index a9a383c..29fbd01 100644 --- a/templates/index.html +++ b/templates/index.html @@ -30,7 +30,7 @@
- +

-