From eeff5586d2b0de040ca2ed1614f94db0a9b3d618 Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Thu, 29 Feb 2024 09:20:33 -0700
Subject: [PATCH] Update styling

---
 src/registrar/assets/sass/_theme/_admin.scss   |  9 +++++++++
 .../django/admin/domain_change_form.html       | 18 +++++++++---------
 2 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_admin.scss b/src/registrar/assets/sass/_theme/_admin.scss
index b57c6a015..46e4a10d4 100644
--- a/src/registrar/assets/sass/_theme/_admin.scss
+++ b/src/registrar/assets/sass/_theme/_admin.scss
@@ -302,3 +302,12 @@ input.admin-confirm-button {
         display: contents !important;
     }
 }
+
+.django-admin-modal .usa-prose ul > li {
+    list-style-type: inherit;
+    // Styling based off of the <p> styling in django admin
+    line-height: 1.5;
+    margin-bottom: 0;
+    margin-top: 0;
+    max-width: 68ex;
+}
diff --git a/src/registrar/templates/django/admin/domain_change_form.html b/src/registrar/templates/django/admin/domain_change_form.html
index 9d7b1d5de..61007c3d4 100644
--- a/src/registrar/templates/django/admin/domain_change_form.html
+++ b/src/registrar/templates/django/admin/domain_change_form.html
@@ -54,7 +54,7 @@
 
     {# Create a modal for the _extend_expiration_date button #}
     <div
-    class="usa-modal"
+    class="usa-modal django-admin-modal"
     id="toggle-extend-expiration-alert"
     aria-labelledby="Are you sure you want to extend the expiration date?"
     aria-describedby="This expiration date will be extended."
@@ -118,7 +118,7 @@
 
     {# Create a modal for the _on_hold button #}
     <div
-    class="usa-modal"
+    class="usa-modal django-admin-modal"
     id="toggle-place-on-hold"
     aria-labelledby="Are you sure you want to place this domain on hold?"
     aria-describedby="This domain will be put on hold"
@@ -141,9 +141,9 @@
                         This action can be reversed, if needed.
                     </p>
                     <p>
+                        Domain: <b>{{ original.name }}</b>
                         {# Acts as a <br> #}
                         <div class="display-inline"></div>
-                        Domain: <b>{{ original.name }}</b>
                         New status: <b>{{ original.State.ON_HOLD }}</b>
                     </p>
                 </div>
@@ -185,7 +185,7 @@
     </div>
     {# Create a modal for the _remove_domain button #}
     <div
-    class="usa-modal"
+    class="usa-modal django-admin-modal"
     id="toggle-remove-from-registry"
     aria-labelledby="Are you sure you want to remove this domain from the registry?"
     aria-describedby="This domain will be removed."
@@ -200,17 +200,17 @@
                         When a domain is removed from the registry:
                     </p>
                     <ul>
-                        <li>The domain and its subdomains won’t resolve in DNS. Any infrastructure (like websites) will go offline.</li>
-                        <li>The domain will still appear in the registrar / admin.</li>
-                        <li>Domain managers won’t be able to edit the domain.</li>
+                        <li class="font-body-sm">The domain and its subdomains won’t resolve in DNS. Any infrastructure (like websites) will go offline.</li>
+                        <li class="font-body-sm">The domain will still appear in the registrar / admin.</li>
+                        <li class="font-body-sm">Domain managers won’t be able to edit the domain.</li>
                     </ul>
                     <p>
                         This action cannot be undone.
                     </p>
                     <p>
+                        Domain: <b>{{ original.name }}</b>
                         {# Acts as a <br> #}
                         <div class="display-inline"></div>
-                        Domain: <b>{{ original.name }}</b>
                         New status: <b>{{ original.State.DELETED }}</b>
                     </p>
                 </div>
@@ -251,4 +251,4 @@
         </div>
     </div>
 {{ block.super }}
-{% endblock %}
\ No newline at end of file
+{% endblock %}