diff --git a/ui/component/common/item-panel-input-row.jsx b/ui/component/common/item-panel-input-row.jsx index e561669e0..10d71d5a7 100644 --- a/ui/component/common/item-panel-input-row.jsx +++ b/ui/component/common/item-panel-input-row.jsx @@ -85,7 +85,7 @@ function ServerInputRow(props: Props) {
{ - // const timer = setTimeout(() => { - // Comments.setServerUrl(customServerEnabled ? url : undefined); - // if (url !== customServerUrl) { - // setCustomServerUrl(url); - // } - // }, DEBOUNCE_TEXT_INPUT_MS); - // - // return () => clearTimeout(timer); - // }, [url, customServerUrl, customServerEnabled, setCustomServerUrl]); - const handleSelectServer = (serverItem: CommentServerDetails) => { if (serverItem.url !== COMMENT_SERVER_API) { - alert(`set ${serverItem.url}`); Comments.setServerUrl(serverItem.url); setCustomServerUrl(serverItem.url); setCustomServerEnabled(true); } else { - alert('reset'); Comments.setServerUrl(undefined); setCustomServerEnabled(false); } @@ -63,6 +50,7 @@ function SettingCommentsServer(props: Props) { newCustomServers.push(serverItem); setCustomServers(newCustomServers); handleSelectServer(serverItem); + setAddServer(false); }; const handleRemoveServer = (serverItem) => { diff --git a/ui/scss/component/_comment-create.scss b/ui/scss/component/_comment-create.scss index 017b45bff..28c93d8c9 100644 --- a/ui/scss/component/_comment-create.scss +++ b/ui/scss/component/_comment-create.scss @@ -43,11 +43,13 @@ $thumbnailWidthSmall: 1rem; .commentCreate__labelWrapper { display: flex; + flex-direction: row; justify-content: flex-start; align-items: baseline; flex-wrap: wrap; width: 100%; + max-width: 50%; .commentCreate__label { white-space: nowrap; diff --git a/ui/scss/component/_item-panel.scss b/ui/scss/component/_item-panel.scss index 51c2bdace..7bc53dcd0 100644 --- a/ui/scss/component/_item-panel.scss +++ b/ui/scss/component/_item-panel.scss @@ -38,5 +38,15 @@ } .itemPanel--input { + min-height: var(--spacing-l); padding: 0 0 var(--spacing-s) 0; + fieldset-section, + .fieldset-group { + margin-top: var(--spacing-m); + } + &.checkbox, + .checkbox:only-child { + height: var(--spacing-l); + float: left; + } } diff --git a/ui/scss/component/section.scss b/ui/scss/component/section.scss index 56c4d12f9..96f392f79 100644 --- a/ui/scss/component/section.scss +++ b/ui/scss/component/section.scss @@ -224,6 +224,7 @@ min-width: 60%; max-width: 60%; } + margin-bottom: var(--spacing-m); } .settings__row-section-title {