From d6032c912e883cb03db2b6bab0f55efadeeb425a Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 14 Aug 2025 17:54:52 +0300
Subject: [PATCH] chore(react/settings): improve layout

---
 apps/client/src/widgets/react/FormRadioGroup.tsx       |  2 +-
 .../src/widgets/type_widgets/options/appearance.tsx    | 10 ++--------
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/apps/client/src/widgets/react/FormRadioGroup.tsx b/apps/client/src/widgets/react/FormRadioGroup.tsx
index faa5279e8..e2264bfe4 100644
--- a/apps/client/src/widgets/react/FormRadioGroup.tsx
+++ b/apps/client/src/widgets/react/FormRadioGroup.tsx
@@ -15,7 +15,7 @@ export default function FormRadioGroup({ name, values, currentValue, onChange }:
     return (
         <>
             {(values || []).map(({ value, label }) => (
-                <div className="form-check">
+                <div className="form-checkbox">
                     <label className="form-check-label tn-radio">
                         <input
                             className="form-check-input"
diff --git a/apps/client/src/widgets/type_widgets/options/appearance.tsx b/apps/client/src/widgets/type_widgets/options/appearance.tsx
index f3f48827f..60b65692d 100644
--- a/apps/client/src/widgets/type_widgets/options/appearance.tsx
+++ b/apps/client/src/widgets/type_widgets/options/appearance.tsx
@@ -13,17 +13,11 @@ export default function AppearanceSettings() {
                 name="layout-orientation"
                 values={[
                     {
-                        label: <>
-                            <strong>{t("theme.layout-vertical-title")}</strong>
-                            - {t("theme.layout-vertical-description")}
-                        </>,
+                        label: <><strong>{t("theme.layout-vertical-title")}</strong> - {t("theme.layout-vertical-description")}</>,
                         value: "vertical"
                     },
                     {
-                        label: <>
-                            <strong>{t("theme.layout-horizontal-title")}</strong>
-                            - {t("theme.layout-horizontal-description")}
-                        </>,
+                        label: <><strong>{t("theme.layout-horizontal-title")}</strong> - {t("theme.layout-horizontal-description")}</>,
                         value: "horizontal"
                     }
                 ]}