From b03371d69a7f1eed2bb4b9766f59d763d33efcf7 Mon Sep 17 00:00:00 2001 From: ChuckBuilds <33324927+ChuckBuilds@users.noreply.github.com> Date: Thu, 24 Jul 2025 20:59:58 -0500 Subject: [PATCH] toggle visual adjustments --- templates/index.html | 20 ++++++++++---------- 1 file changed, 10 insertions(+), 10 deletions(-) diff --git a/templates/index.html b/templates/index.html index 17140b7e..6493e939 100644 --- a/templates/index.html +++ b/templates/index.html @@ -105,8 +105,8 @@ .toggle-switch { position: relative; display: inline-block; - width: 60px; - height: 34px; + width: 44px; + height: 24px; } .toggle-switch input { opacity: 0; @@ -121,25 +121,25 @@ right: 0; bottom: 0; background-color: #ccc; - transition: .4s; - border-radius: 34px; + transition: .3s; + border-radius: 24px; } .slider:before { position: absolute; content: ""; - height: 26px; - width: 26px; - left: 4px; - bottom: 4px; + height: 18px; + width: 18px; + left: 3px; + bottom: 3px; background-color: white; - transition: .4s; + transition: .3s; border-radius: 50%; } input:checked + .slider { background-color: #4CAF50; } input:checked + .slider:before { - transform: translateX(26px); + transform: translateX(20px); } button { background-color: #4CAF50;