diff --git a/web/modals/threads/thread-settings-modal.css b/web/modals/threads/thread-settings-modal.css --- a/web/modals/threads/thread-settings-modal.css +++ b/web/modals/threads/thread-settings-modal.css @@ -141,3 +141,62 @@ padding-top: 4px; margin-top: 5px; } + +div.form-textarea-container { + margin-top: 1px; +} + +div.edit-thread-color-container { + margin-top: -5px; +} + +div.color-title { + margin-top: 4px; +} + +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; + color: gray; +} + +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; +} +.italic { + font-style: italic; +} + +div.edit-thread-account-password { + border-top: 2px solid #efefef; + padding-top: 4px; + margin-top: 2px; +} diff --git a/web/modals/threads/thread-settings-modal.react.js b/web/modals/threads/thread-settings-modal.react.js --- a/web/modals/threads/thread-settings-modal.react.js +++ b/web/modals/threads/thread-settings-modal.react.js @@ -39,9 +39,9 @@ import Button from '../../components/button.react'; import { useModalContext } from '../../modals/modal-provider.react'; import { useSelector } from '../../redux/redux-utils'; -import css from '../../style.css'; import Modal from '../modal.react'; import ColorPicker from './color-picker.react'; +import css from './thread-settings-modal.css'; const { COMMUNITY_OPEN_SUBTHREAD, COMMUNITY_SECRET_SUBTHREAD } = threadTypes; diff --git a/web/style.css b/web/style.css --- a/web/style.css +++ b/web/style.css @@ -200,20 +200,9 @@ font-style: italic; } -div.edit-thread-color-container { - margin-top: -5px; -} div.form-textarea-container { margin-top: 1px; } -div.edit-thread-privacy-container { - margin-bottom: 6px; -} -div.edit-thread-account-password { - border-top: 2px solid #efefef; - padding-top: 4px; - margin-top: 2px; -} div.new-thread-privacy-container { margin-bottom: 3px;