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(
() => (
-
+
-
-
-
),
[
+ addKeyserverButton,
errorMessage,
keyserverURL,
onChangeKeyserverURL,
- onClickAddKeyserver,
popModal,
],
);