Fix more styling for button w/ icon

CDCgov · May 6, 2024 · 0e69efd · 0e69efd
1 parent fd4c9c1
commit 0e69efd
Show file tree

Hide file tree

Showing 5 changed files with 18 additions and 11 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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"
                   >