From c6edc0db2fa0764b7855c32c646344164b703beb Mon Sep 17 00:00:00 2001
From: Nataly Merezhuk <65251165+natalyjazzviolin@users.noreply.github.com>
Date: Tue, 10 Jan 2023 11:56:39 -0500
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=89=20Updates=20for=20edit=20password?=
 =?UTF-8?q?=20field=20in=20connector=20(#20723)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* Moves Cancel button to the left.

* changes Edit button to outline - secondary variant.

* Updates button size to match input height.
---
 .../components/Property/SecretConfirmationControl.tsx  | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
index 56d4ec346c91..8ac4d958bb46 100644
--- a/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
+++ b/airbyte-webapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx
@@ -93,15 +93,15 @@ const SecretConfirmationControl: React.FC<SecretConfirmationControlProps> = ({
       {component}
       {isEditInProgress ? (
         <>
-          <Button size="xs" onClick={onDone} type="button" disabled={disabled}>
-            <FormattedMessage id="form.done" />
-          </Button>
-          <Button size="xs" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
+          <Button size="sm" onClick={onCancel} type="button" variant="secondary" disabled={disabled}>
             <FormattedMessage id="form.cancel" />
           </Button>
+          <Button size="sm" onClick={onDone} type="button" disabled={disabled}>
+            <FormattedMessage id="form.done" />
+          </Button>
         </>
       ) : (
-        <Button size="xs" onClick={handleStartEdit} type="button" disabled={disabled}>
+        <Button size="sm" onClick={handleStartEdit} type="button" variant="secondary" disabled={disabled}>
           <FormattedMessage id="form.edit" />
         </Button>
       )}