From 45c029a50d7f869d7a45dfd28ae98bd0276b4947 Mon Sep 17 00:00:00 2001
From: Christopher <39032787+MrRobotjs@users.noreply.github.com>
Date: Sun, 11 May 2025 22:21:18 -0600
Subject: [PATCH] margin-right on slider checkbox

some checkbox sliders dont have the .form-check div encased around it so this fixes it
---
 UI/Web/src/theme/components/_input.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/UI/Web/src/theme/components/_input.scss b/UI/Web/src/theme/components/_input.scss
index a718e0cd4..877e22859 100644
--- a/UI/Web/src/theme/components/_input.scss
+++ b/UI/Web/src/theme/components/_input.scss
@@ -39,7 +39,6 @@ input:not([type="range"]), .form-control {
 
 .form-check.form-switch {
     display: inline-block;
-    margin-right: 0.5rem;
 
     .form-check-input {
         appearance: none;
@@ -56,6 +55,7 @@ input:not([type="range"]), .form-control {
         outline: none;
         transition: background-color 0.2s ease-in-out;
         vertical-align: middle;
+        margin-right: 0.5rem;
 
         // The knob and icon, created using the ::after pseudo-element of the input
         // Not Checked State Styling