diff --git a/web/modals/threads/settings/thread-settings-privacy-tab.css b/web/modals/threads/settings/thread-settings-privacy-tab.css --- a/web/modals/threads/settings/thread-settings-privacy-tab.css +++ b/web/modals/threads/settings/thread-settings-privacy-tab.css @@ -1,38 +1,12 @@ div.form_title { - padding: 6px 6px 0 0; - font-size: 14px; + padding-top: 6px; + font-size: var(--s-font-14); font-weight: 600; - vertical-align: top; - color: var(--fg); } -div.edit_thread_privacy_container { - margin-bottom: 6px; -} - -div.form_enum_selector { - display: inline-block; - padding-bottom: 4px; -} -div.form_enum_selector > div.form_enum_container { - padding-top: 5px; -} -div.form_enum_selector > div.form_enum_container > input { - vertical-align: top; - margin-top: 4px; -} -div.form_enum_selector div.form_enum_option { - display: inline-block; - font-size: 15px; - font-weight: 600; - padding-left: 3px; -} -div.form_enum_selector span.form_enum_description { - display: block; - font-family: var(--font-stack); - font-weight: normal; - font-size: 13px; - max-width: 260px; +span.form_enum_description { + display: flex; + font-size: var(--xs-font-12); color: gray; } diff --git a/web/modals/threads/settings/thread-settings-privacy-tab.react.js b/web/modals/threads/settings/thread-settings-privacy-tab.react.js --- a/web/modals/threads/settings/thread-settings-privacy-tab.react.js +++ b/web/modals/threads/settings/thread-settings-privacy-tab.react.js @@ -100,65 +100,61 @@ return (
-
-
-
Thread type
-
-
- -
- -
-
-
- -
- -
+
+
Thread type
+
+ +
+ +
+
+ +
+
-
+ ); }