fixing label width issue for the list view toggle

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' />

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;
 }