From 1aaefde0c4d2ca3afdf0caa5a16b85ffa3ea7a6f Mon Sep 17 00:00:00 2001
From: asaki222 <asaki444@gmail.com>
Date: Mon, 7 Oct 2024 19:15:59 -0400
Subject: [PATCH] moved domain name into separate span

---
 src/registrar/assets/sass/_theme/_admin.scss | 11 +++--------
 src/registrar/templates/domain_detail.html   |  2 +-
 src/registrar/templates/includes/modal.html  |  7 ++++++-
 src/registrar/views/domain_request.py        |  4 ++--
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_admin.scss b/src/registrar/assets/sass/_theme/_admin.scss
index 8f95d6a97..708449a97 100644
--- a/src/registrar/assets/sass/_theme/_admin.scss
+++ b/src/registrar/assets/sass/_theme/_admin.scss
@@ -917,20 +917,15 @@ ul.add-list-reset {
     font-size: 14px;
 }
 
-.domain-name-wrap,
-.domain-name-wrap-modal {
+.domain-name-wrap {
     white-space: normal;
     word-wrap: break-word;
     overflow: visible; 
+    word-break: break-all;
     max-width: 100%; 
 }
 
-.domain-name-wrap {
-    word-break: break-all;
-}
-
-
 .organization-admin-label {
     font-weight: 600;
     font-size: .8125rem;
-}
+}
\ No newline at end of file
diff --git a/src/registrar/templates/domain_detail.html b/src/registrar/templates/domain_detail.html
index dca68f6ef..4b6ca6e77 100644
--- a/src/registrar/templates/domain_detail.html
+++ b/src/registrar/templates/domain_detail.html
@@ -5,7 +5,7 @@
 {% block domain_content %}
   {{ block.super }}
   <div class="margin-top-4 tablet:grid-col-10">
-    <h2 class="text-bold text-primary-dark domain-name-wrap">{{ domain.name }}</h2>
+    <h2 class="text-bold text-primary-dark">{{ domain.name }}</h2>
     <div
         class="usa-summary-box dotgov-status-box padding-bottom-0 margin-top-3 padding-left-2{% if not domain.is_expired %}{% if domain.state == domain.State.UNKNOWN or domain.state == domain.State.DNS_NEEDED %} dotgov-status-box--action-need{% endif %}{% endif %}"
         role="region"
diff --git a/src/registrar/templates/includes/modal.html b/src/registrar/templates/includes/modal.html
index 0a006a698..d918b335d 100644
--- a/src/registrar/templates/includes/modal.html
+++ b/src/registrar/templates/includes/modal.html
@@ -2,8 +2,13 @@
 
 <div class="usa-modal__content">
     <div class="usa-modal__main">
-        <h2 class="usa-modal__heading domain-name-wrap-modal" id="modal-1-heading">
+        <h2 class="usa-modal__heading" id="modal-1-heading">
             {{ modal_heading }}
+            {%if domain_name_modal is not None %}
+                <span class="domain-name-wrap">           
+                    {{ domain_name_modal }}
+                </span>
+            {%endif%}
             {% if heading_value is not None %}
             {# Add a breakpoint #}
             <div aria-hidden="true"></div>
diff --git a/src/registrar/views/domain_request.py b/src/registrar/views/domain_request.py
index b7462f300..c51be5f56 100644
--- a/src/registrar/views/domain_request.py
+++ b/src/registrar/views/domain_request.py
@@ -389,8 +389,8 @@ class DomainRequestWizard(DomainRequestWizardPermissionView, TemplateView):
                 "visited": self.storage.get("step_history", []),
                 "is_federal": self.domain_request.is_federal(),
                 "modal_button": modal_button,
-                "modal_heading": "You are about to submit a domain request for "
-                + str(self.domain_request.requested_domain),
+                "modal_heading": "You are about to submit a domain request for ",
+                "domain_name_modal": str(self.domain_request.requested_domain),
                 "modal_description": "Once you submit this request, you won’t be able to edit it until we review it.\
                 You’ll only be able to withdraw your request.",
                 "review_form_is_complete": True,