From 31a86fadf9146124665390729a380997a3796819 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hegyi=20=C3=81ron=20Ferenc?=
 <36823200+Rettend@users.noreply.github.com>
Date: Wed, 24 Jul 2024 11:04:20 +0200
Subject: [PATCH] fix: play button effect

---
 web/style.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/web/style.css b/web/style.css
index 4879058..036d433 100644
--- a/web/style.css
+++ b/web/style.css
@@ -227,7 +227,8 @@ input[type="range"]::-ms-fill-upper {
   font-weight: 800;
   padding: 0.5rem 1rem;
   color: var(--text);
-  width: 5rem;
+  width: 68px;
+  text-align: center;
 }
 
 .button:hover {
@@ -261,7 +262,7 @@ input[type="range"]::-ms-fill-upper {
 .button:active {
   background: var(--text) !important;
   color: var(--base);
-  transform: translate(4px, 4px);
+  transform: translate(3px, 3px);
 }
 
 .button.button-active::after,
@@ -272,7 +273,7 @@ input[type="range"]::-ms-fill-upper {
 .button:after {
   display: block;
   position: absolute;
-  margin: -2px 0;
+  margin: -2px -2px;
   top: 1px;
   left: 1px;
   right: -1px;
@@ -282,7 +283,7 @@ input[type="range"]::-ms-fill-upper {
   background-color: var(--text);
   z-index: -1;
   transform: translate(2px, 2px);
-  width: 3rem;
+  width: 42px;
 }
 
 @media (prefers-color-scheme: dark) {