fix: LEAP-208: Make Labeling Settings clickable (HumanSignal#1566)

Expand clickable area by using `label` tag. Co-authored-by: hlomzik <[email protected]>
HelloPareto · Feb 29, 2024 · 4115715 · 4115715
1 parent ac8cf63
commit 4115715
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/components/Settings/Settings.js b/src/components/Settings/Settings.js
@@ -82,7 +82,7 @@ const GeneralSettings = observer(({ store }) => {
     <Block name="settings" mod={newUI}>
       {editorSettingsKeys.map((obj, index) => {
         return (
-          <Elem name="field" key={index}>
+          <Elem name="field" tag="label" key={index}>
             {isFF(FF_DEV_3873) ? (
               <>
                 <Block name="settings__label">

diff --git a/src/components/Settings/Settings.styl b/src/components/Settings/Settings.styl
@@ -16,6 +16,7 @@ $settings__title
   .settings__field
     display flex
     align-items flex-start
+    cursor pointer
   .settings__field + .settings__field
     margin-top 16px
   .settings__label