From 0e69efdfe8c3ef429a212085eedca672412e966b Mon Sep 17 00:00:00 2001
From: elisa lee <elisa@skylight.digital>
Date: Mon, 6 May 2024 16:20:29 -0500
Subject: [PATCH] Fix more styling for button w/ icon

---
 .../Settings/ManageSelfRegistrationLinks.scss |  3 ++-
 .../app/patients/Components/ManageEmails.tsx  |  2 +-
 .../Components/ManagePhoneNumbers.tsx         |  2 +-
 .../app/patients/Components/PersonForm.scss   | 20 ++++++++++++-------
 .../__snapshots__/EditPatient.test.tsx.snap   |  2 +-
 5 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss b/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
index 03d0d2fb0ce..6f67ef7b1c7 100644
--- a/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
+++ b/frontend/src/app/Settings/ManageSelfRegistrationLinks.scss
@@ -10,8 +10,9 @@
   }
 
   .sr-organization-link-copy-button {
-    width: 100%;
     border-radius: 0 0 4px 4px;
+    column-gap: 0;
+    width: 100%;
   }
 
   @media (min-width: 480px) {
diff --git a/frontend/src/app/patients/Components/ManageEmails.tsx b/frontend/src/app/patients/Components/ManageEmails.tsx
index edddf7baf57..f24417c6d91 100644
--- a/frontend/src/app/patients/Components/ManageEmails.tsx
+++ b/frontend/src/app/patients/Components/ManageEmails.tsx
@@ -169,7 +169,7 @@ const ManageEmails: React.FC<Props> = ({
         </div>
       ))}
       <Button
-        className="margin-top-2"
+        className="margin-top-2 sr-add-another-button"
         onClick={onAddEmail}
         variant="unstyled"
         label={t("patient.form.contact.addEmail")}
diff --git a/frontend/src/app/patients/Components/ManagePhoneNumbers.tsx b/frontend/src/app/patients/Components/ManagePhoneNumbers.tsx
index f366cecc256..0e79e5360ef 100644
--- a/frontend/src/app/patients/Components/ManagePhoneNumbers.tsx
+++ b/frontend/src/app/patients/Components/ManagePhoneNumbers.tsx
@@ -252,7 +252,7 @@ const ManagePhoneNumbers: React.FC<Props> = ({
               <div className="flex-align-self-end">
                 <button
                   type={"button"}
-                  className="usa-button--unstyled padding-105 height-5 cursor-pointer"
+                  className="usa-button--unstyled padding-105 height-5 cursor-pointer sr-add-another-button"
                   onClick={() => onPhoneNumberRemove(idx)}
                   aria-label={`Delete additional phone number ${phoneNumber.number.trim()}`}
                 >
diff --git a/frontend/src/app/patients/Components/PersonForm.scss b/frontend/src/app/patients/Components/PersonForm.scss
index 406210587d9..9e3eee4e698 100644
--- a/frontend/src/app/patients/Components/PersonForm.scss
+++ b/frontend/src/app/patients/Components/PersonForm.scss
@@ -1,8 +1,14 @@
-.sr-patient-sub-header {
-  font-weight: bold;
-  display: block;
-  margin-block-start: 1.33em;
-  margin-block-end: 1.33em;
-  margin-inline-start: 0;
-  margin-inline-end: 0;
+.prime-edit-patient {
+  .sr-add-another-button {
+    column-gap: 0;
+  }
+
+  .sr-patient-sub-header {
+    font-weight: bold;
+    display: block;
+    margin-block-start: 1.33em;
+    margin-block-end: 1.33em;
+    margin-inline-start: 0;
+    margin-inline-end: 0;
+  }
 }
diff --git a/frontend/src/app/patients/__snapshots__/EditPatient.test.tsx.snap b/frontend/src/app/patients/__snapshots__/EditPatient.test.tsx.snap
index 5a4ea31f360..d64b98e4d47 100644
--- a/frontend/src/app/patients/__snapshots__/EditPatient.test.tsx.snap
+++ b/frontend/src/app/patients/__snapshots__/EditPatient.test.tsx.snap
@@ -2213,7 +2213,7 @@ exports[`EditPatient facility select input matches screenshot 1`] = `
                     </div>
                   </div>
                   <button
-                    class="usa-button usa-button--unstyled margin-top-2"
+                    class="usa-button usa-button--unstyled margin-top-2 sr-add-another-button"
                     id="add-email-btn"
                     type="button"
                   >