From 2430d3ecf6a9b11bce3345440857b08a19f22ff9 Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Wed, 25 Sep 2024 15:29:40 -0600
Subject: [PATCH] add detail style and hide fed agency

---
 src/registrar/assets/js/get-gov-admin.js     | 14 +++++++-------
 src/registrar/assets/sass/_theme/_admin.scss |  3 ++-
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/registrar/assets/js/get-gov-admin.js b/src/registrar/assets/js/get-gov-admin.js
index 117be405d..9b5fc8bd6 100644
--- a/src/registrar/assets/js/get-gov-admin.js
+++ b/src/registrar/assets/js/get-gov-admin.js
@@ -883,22 +883,22 @@ function initializeWidgetOnList(list, parentId) {
         // Handle hiding the organization name field when the organization_type is federal.
         // Run this first one page load, then secondly on a change event.
         let organizationNameContainer = document.querySelector(".field-organization_name");
-        if (!organizationNameContainer) {
-            organizationNameContainer = document.querySelector("#id_organization_name");
-        }
-        handleOrganizationTypeChange(organizationType, organizationNameContainer);
+        let federalType = document.querySelector(".field-federal_type");
+        handleOrganizationTypeChange(organizationType, organizationNameContainer, federalType);
         organizationType.addEventListener("change", function() {
-            handleOrganizationTypeChange(organizationType, organizationNameContainer);
+            handleOrganizationTypeChange(organizationType, organizationNameContainer, federalType);
         });
     });
 
-    function handleOrganizationTypeChange(organizationType, organizationNameContainer) {
-        if (organizationType && organizationNameContainer) {
+    function handleOrganizationTypeChange(organizationType, organizationNameContainer, federalType) {
+        if (organizationType && organizationNameContainer && federalType) {
             let selectedValue = organizationType.value;
             if (selectedValue === "federal") {
                 hideElement(organizationNameContainer);
+                showElement(federalType);
             } else {
                 showElement(organizationNameContainer);
+                hideElement(federalType);
             }
         }
     }
diff --git a/src/registrar/assets/sass/_theme/_admin.scss b/src/registrar/assets/sass/_theme/_admin.scss
index b83882340..3859b3270 100644
--- a/src/registrar/assets/sass/_theme/_admin.scss
+++ b/src/registrar/assets/sass/_theme/_admin.scss
@@ -453,7 +453,8 @@ details.dja-detail-table {
     background-color: var(--body-bg);
     .dja-details-summary {
         cursor: pointer;
-        color: var(--body-quiet-color);
+        color: var(--link-fg);
+        text-decoration: underline;
     }
 
     @media (max-width: 1024px){