Styling updates

src/registrar/assets/js/get-gov-admin.js

@@ -646,7 +646,7 @@ function initializeWidgetOnList(list, parentId) {
             const bulletList = document.createElement('ul');
 
             // CASE 1 - Contacts are not in a table (this happens if there is only one or two other contacts)
-            const contacts = document.querySelectorAll('.field-other_contacts .dja-detail-list dl');
+            const contacts = document.querySelectorAll('.field-other_contacts .dja-detail-list dt');
             if (contacts) {
                 contacts.forEach(contact => {
                     // Check if the <dl> element is not empty

src/registrar/assets/sass/_theme/_admin.scss

@@ -377,6 +377,11 @@ input.admin-confirm-button {
     }
 }
 
+.usa-icon {
+    // align icon with x height
+    vertical-align: middle;      
+}
+
 .module--custom {
     a {
         font-size: 13px;

src/registrar/assets/sass/_theme/_links.scss

@@ -11,6 +11,8 @@
     }
     .usa-icon {
         // align icon with x height
-        vertical-align: middle;      
+        margin-top: units(0.5);
+        margin-right: units(0.5);
     }
 }
+

src/registrar/assets/sass/_theme/styles.scss

@@ -27,4 +27,4 @@
 
 /*--------------------------------------------------
 --- Admin ---------------------------------*/
-@forward "admin";
+@forward "admin";

src/registrar/templates/admin/change_form_object_tools.html

@@ -21,7 +21,7 @@
             {% if opts.model_name == 'domainrequest' %}
             <li>
                 <a id="copy-summary-btn" class="usa-button__clipboard" type="button" href="#">
-                    <svg class="usa-icon modelLink-icon" >
+                    <svg class="usa-icon" >
                         <use xlink:href="{%static 'img/sprite.svg'%}#content_copy"></use>
                     </svg>
                     <span>{% translate "Copy request summary" %}</span>