From 9983bad80881f72db54017115c3c70ea676d59b4 Mon Sep 17 00:00:00 2001 From: Grant Shoshin Shangreaux Date: Wed, 7 Dec 2022 15:55:39 -0600 Subject: Add: versioned CSS --- static/css/main.css | 40 ++++++---------------------------------- 1 file changed, 6 insertions(+), 34 deletions(-) (limited to 'static/css/main.css') diff --git a/static/css/main.css b/static/css/main.css index 665eb76..1303fca 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -32,16 +32,12 @@ button:hover { display: flex; flex-direction: row; flex-wrap: wrap; - justify-content: space-evenly; + justify-content: center; align-content: baseline; } -.column { - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: center; - align-content: baseline; +.row>div { + margin: 30px; } .centered-column { @@ -61,41 +57,17 @@ button:hover { background-color: #454545; } -.player { - display: flex; - justify-content: space-evenly; - width: 100%; - flex-wrap: wrap; -} - .now-playing { - display: flex; + position: sticky; + top: 2em; width: 300px; - flex-direction: column; -} - -.controls { - display: flex; - flex-direction: row; - justify-content: space-between; } -.controls button { +.now-playing button { font-size: 2em; - width: -moz-available; - width: -webkit-fill-available; - width: stretch; } .now-playing-track { background-color: #454545; } -.playlist-display { - margin-top: 2em; - width: auto; - display: flex; - flex-direction: column; - height: 600px; - overflow-y: auto; -} -- cgit v1.2.3