🎉 Updates for edit password field in connector (#20723)

* Moves Cancel button to the left. * changes Edit button to outline - secondary variant. * Updates button size to match input height.
airbytehq · Jan 10, 2023 · c6edc0d · c6edc0d
1 parent 1ed04fd
commit c6edc0d
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/...ebapp/src/views/Connector/ConnectorForm/components/Property/SecretConfirmationControl.tsx b/...ebapp/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>
       )}