diff --git a/web/modals/keyserver-selection/add-keyserver-modal.css b/web/modals/keyserver-selection/add-keyserver-modal.css --- a/web/modals/keyserver-selection/add-keyserver-modal.css +++ b/web/modals/keyserver-selection/add-keyserver-modal.css @@ -1,5 +1,5 @@ .container { - padding: 32px; + padding: 16px 0; } .inputTitle { @@ -7,11 +7,6 @@ margin-bottom: 8px; } -.buttonContainer { - background-color: var(--modal-background-secondary-default); - padding: 16px 32px; -} - .button { width: 100%; } diff --git a/web/modals/keyserver-selection/add-keyserver-modal.react.js b/web/modals/keyserver-selection/add-keyserver-modal.react.js --- a/web/modals/keyserver-selection/add-keyserver-modal.react.js +++ b/web/modals/keyserver-selection/add-keyserver-modal.react.js @@ -84,9 +84,29 @@ ); }, [showErrorMessage]); + const addKeyserverButton = React.useMemo( + () => ( + + ), + [keyserverURL, onClickAddKeyserver], + ); + const addKeyserverModal = React.useMemo( () => ( - +
Keyserver URL
{errorMessage}
-
- -
), [ + addKeyserverButton, errorMessage, keyserverURL, onChangeKeyserverURL, - onClickAddKeyserver, popModal, ], );