From 5bc653f50a536bf212552eb535a5d51a34032631 Mon Sep 17 00:00:00 2001
From: "Alexander \"Arav\" Andreev" <me@arav.su>
Date: Wed, 19 Jun 2024 00:10:54 +0400
Subject: [PATCH] Use writing-mode + direction instead of a deprecated
 appearance approach to make a range input vertical.

---
 web/assets/css/main.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/web/assets/css/main.css b/web/assets/css/main.css
index cedbcbf..8a5c041 100644
--- a/web/assets/css/main.css
+++ b/web/assets/css/main.css
@@ -132,11 +132,11 @@ button#radio-play {
 button#radio-play:hover { text-decoration: none; }
 
 input#radio-volume {
-	appearance: slider-vertical;
-	-webkit-appearance: slider-vertical;
 	accent-color: var(--primary-color);
+	direction: rtl;
 	height: 4rem;
-	margin-left: .5rem; }
+	margin-left: .5rem;
+	writing-mode: vertical-lr; }
 
 #player div:first-child {
 	display: none;