web/CustomInstanceInput: proper style

2024-08-30 21:31:02 +06:00
parent ebb5deb43c
commit 063f5d1806
3 changed files with 153 additions and 54 deletions
--- a/web/src/routes/settings/instances/+page.svelte
+++ b/web/src/routes/settings/instances/+page.svelte
@@ -31,13 +31,29 @@
    sectionId="community"
    title={$t("settings.processing.community")}
 >
-    <SettingsToggle
-        settingContext="processing"
-        settingId="enableCustomInstances"
-        title={$t("settings.processing.enable_custom.title")}
-        description={$t("settings.processing.enable_custom.description")}
-    />
-    {#if $settings.processing.enableCustomInstances}
-        <CustomInstanceInput />
-    {/if}
+    <div class="category-inside-group">
+        <SettingsToggle
+            settingContext="processing"
+            settingId="enableCustomInstances"
+            title={$t("settings.processing.enable_custom.title")}
+        />
+        {#if $settings.processing.enableCustomInstances}
+            <CustomInstanceInput />
+        {/if}
+    </div>
+    <div class="subtext">
+        {$t("settings.processing.enable_custom.description")}
+    </div>
 </SettingsCategory>
+
+<style>
+    .category-inside-group {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+    }
+
+    .subtext {
+        margin-top: -3px;
+    }
+</style>