From b40942b5fbd6c4282a599c4908cba2175bd1a235 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.su>
Date: Mon, 21 Aug 2023 18:33:00 +0400
Subject: [PATCH] Made volume slider vertical.

---
 web/assets/css/main.css | 14 +++++++++++---
 web/templates/index.pug |  3 +++
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/web/assets/css/main.css b/web/assets/css/main.css
index eb3c10e..c8b5824 100644
--- a/web/assets/css/main.css
+++ b/web/assets/css/main.css
@@ -135,6 +135,8 @@ section { margin-top: 1rem; }
 	flex-direction: row;
 	align-items: center; }
 
+#radio p { text-indent: 1rem; }
+
 #play {
 	-webkit-mask-image: url(/assets/img/play.svg);
 	background-color: var(--primary-color);
@@ -145,15 +147,21 @@ section { margin-top: 1rem; }
 
 #volume {
 	accent-color: var(--primary-color);
-	width: 5rem; }
+	height: 5rem;
+	margin-left: .5rem; }
 
 #play:hover { text-decoration: none; }
 
-#radio div.player {
+div.player {
 	display: none;
-	flex-direction: column;
+	flex-direction: row;
 	align-items: center; }
 
+div.player div {
+	display: flex;
+	flex-direction: column;
+}
+
 footer {
 	font-size: .8rem;
 	text-align: center;
diff --git a/web/templates/index.pug b/web/templates/index.pug
index 213a0ca..2b85839 100644
--- a/web/templates/index.pug
+++ b/web/templates/index.pug
@@ -38,6 +38,9 @@ html(lang='en')
                 | OGG 128 Kb/s
             div#radio
                 div.player
+                    div
+                        button#play
+                        small#cur-time 0h 0m 0s
                     div #[input#volume(type="range", name="volume" min="0" max="100" orient="vertical")]
                 audio(preload='none' controls='' playsinline='')
                     source(src='/live/stream.ogg' type='audio/ogg')