From 00023adbc0b53755d64f9e7018df513128d1192e Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Mon, 6 Apr 2026 21:53:17 +0300
Subject: [PATCH] Revert "feat(options/spellcheck): merge into single card"

This reverts commit 7b056fe1af1a74f311eaf96e3a7c6c3e8b041bd2.
---
 .../type_widgets/options/components/OptionsRow.css       | 9 ---------
 .../type_widgets/options/components/OptionsRow.tsx       | 5 ++---
 .../src/widgets/type_widgets/options/spellcheck.tsx      | 7 +++----
 3 files changed, 5 insertions(+), 16 deletions(-)

diff --git a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.css b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.css
index b9b512c085..a811aaa720 100644
--- a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.css
+++ b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.css
@@ -45,12 +45,3 @@
 .option-row.centered {
     justify-content: center;
 }
-
-.option-row.full-width {
-    flex-direction: column;
-    align-items: stretch;
-}
-
-.option-row.full-width .option-row-input {
-    flex-shrink: unset;
-}
diff --git a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
index 3a6dbaca4e..92f0c04315 100644
--- a/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
+++ b/apps/client/src/widgets/type_widgets/options/components/OptionsRow.tsx
@@ -8,15 +8,14 @@ interface OptionsRowProps {
     description?: string;
     children: VNode;
     centered?: boolean;
-    fullWidth?: boolean;
 }
 
-export default function OptionsRow({ name, label, description, children, centered, fullWidth }: OptionsRowProps) {
+export default function OptionsRow({ name, label, description, children, centered }: OptionsRowProps) {
     const id = useUniqueName(name);
     const childWithId = cloneElement(children, { id });
 
     return (
-        <div className={`option-row ${centered ? "centered" : ""} ${fullWidth ? "full-width" : ""}`}>
+        <div className={`option-row ${centered ? "centered" : ""}`}>
             <div className="option-row-label">
                 {label && <label for={id}>{label}</label>}
                 {description && <small className="option-row-description">{description}</small>}
diff --git a/apps/client/src/widgets/type_widgets/options/spellcheck.tsx b/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
index df79f2402f..7e919a6500 100644
--- a/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
+++ b/apps/client/src/widgets/type_widgets/options/spellcheck.tsx
@@ -38,10 +38,9 @@ function ElectronSpellcheckSettings() {
                         onChange={setSpellCheckEnabled}
                     />
                 </OptionsRow>
-
-                {spellCheckEnabled && <SpellcheckLanguages />}
             </OptionsSection>
 
+            {spellCheckEnabled && <SpellcheckLanguages />}
             {spellCheckEnabled && <CustomDictionary />}
         </>
     );
@@ -78,7 +77,7 @@ function SpellcheckLanguages() {
     }, []);
 
     return (
-        <OptionsRow name="spell-check-languages" label={t("spellcheck.language_code_label")} fullWidth>
+        <OptionsSection title={t("spellcheck.language_code_label")}>
             <CheckboxList
                 values={availableLanguages}
                 keyProperty="code" titleProperty="name"
@@ -86,7 +85,7 @@ function SpellcheckLanguages() {
                 onChange={setSelectedCodes}
                 columnWidth="200px"
             />
-        </OptionsRow>
+        </OptionsSection>
     );
 }