From 0d128ffac71a227fd7b1bacf47b70b0fb954d303 Mon Sep 17 00:00:00 2001
From: D3vision <d3visionyt@gmail.com>
Date: Mon, 15 May 2023 18:57:04 +0200
Subject: [PATCH] fixing label width issue for the list view toggle

---
 src/components/InputElements.tsx | 2 +-
 src/css/index.css                | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/InputElements.tsx b/src/components/InputElements.tsx
index df5c462..410fd11 100644
--- a/src/components/InputElements.tsx
+++ b/src/components/InputElements.tsx
@@ -47,7 +47,7 @@ export type InputElementProperties<T> = {
 }
 
 export const ToggleSwitch = ({ value, onChange, inputRef, children }: InputElementProperties<boolean>) => {
-    return <label>
+    return <label className="label-fix">
         <span className="check-box check-box-row mb-2">
             {children && <b>{children}</b>}
             <input ref={inputRef} defaultChecked={value} onChange={onChange} type='checkbox' />
diff --git a/src/css/index.css b/src/css/index.css
index 8b12704..d4c0c78 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -750,4 +750,8 @@ input[type=file]::file-selector-button:hover {
 }
 .f-b0{
   flex-basis: 0px !important;
+}
+.label-fix{
+  display: block;
+  width: fit-content;
 }
\ No newline at end of file