Fix align for hint row in selectors modal (#1953)

datalens-tech · Dec 18, 2024 · 5edf11c · 5edf11c
1 parent af9340e
commit 5edf11c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss b/src/ui/components/ControlComponents/Sections/AppearanceSection/AppearanceSection.scss
@@ -7,5 +7,10 @@
 
     &__setting-checkbox {
         margin-right: 8px;
+
+        &_top {
+            align-self: flex-start;
+            margin-top: 4px;
+        }
     }
 }
diff --git a/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx b/src/ui/components/ControlComponents/Sections/AppearanceSection/Rows/HintRow/HintRow.tsx
@@ -45,7 +45,7 @@ export const HintRow = () => {
                     onUpdate={handleUpdateEnable}
                     checked={showHint}
                     size="l"
-                    className={b('setting-checkbox')}
+                    className={b('setting-checkbox', {top: true})}
                 />
                 {showHint && (
                     <MarkdownControl