From 3dc8d7d440a0f2c3a1b36dda92c078d88ef1daf8 Mon Sep 17 00:00:00 2001 From: Gigi Date: Wed, 15 Oct 2025 19:18:57 +0200 Subject: [PATCH] fix: improve lightning bolt icon centering and sizing on slider thumbs --- src/styles/components/settings.css | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/src/styles/components/settings.css b/src/styles/components/settings.css index d2a8e225..dc0c62bb 100644 --- a/src/styles/components/settings.css +++ b/src/styles/components/settings.css @@ -73,11 +73,14 @@ border-radius: 4px; background-color: var(--color-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E"); - background-size: 16px 16px; + background-size: 14px 14px; background-repeat: no-repeat; - background-position: center; + background-position: center center; cursor: pointer; transition: all 0.2s ease; + position: relative; + top: 0; + margin-top: 0; } .zap-split-slider::-webkit-slider-thumb:hover { background-color: var(--color-primary-hover); @@ -89,12 +92,15 @@ border-radius: 4px; background-color: var(--color-primary); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M13 2L3 14h8l-1 8 10-12h-8l1-8z'/%3E%3C/svg%3E"); - background-size: 16px 16px; + background-size: 14px 14px; background-repeat: no-repeat; - background-position: center; + background-position: center center; cursor: pointer; border: none; transition: all 0.2s ease; + position: relative; + top: 0; + margin-top: 0; } .zap-split-slider::-moz-range-thumb:hover { background-color: var(--color-primary-hover);