From f6f7e5bf9e2f6ac0f60ccf4d7371447db92c761c Mon Sep 17 00:00:00 2001
From: Rachid Mrad <rachid.mrad@ecstech.com>
Date: Wed, 19 Mar 2025 18:17:15 -0400
Subject: [PATCH] target last view only row to position the kebob correctly

---
 src/registrar/assets/src/sass/_theme/_accordions.scss | 3 ++-
 src/registrar/templates/domain_dsdata.html            | 2 +-
 src/registrar/templates/domain_nameservers.html       | 4 ++--
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/registrar/assets/src/sass/_theme/_accordions.scss b/src/registrar/assets/src/sass/_theme/_accordions.scss
index ba6f15bfc..85548ae62 100644
--- a/src/registrar/assets/src/sass/_theme/_accordions.scss
+++ b/src/registrar/assets/src/sass/_theme/_accordions.scss
@@ -67,7 +67,8 @@
 // Currently, that's not an issue since that Members table is not wrapped in the
 // reponsive wrapper.
 @include at-media-max("desktop") {
-    tr:not(.edit-row):last-of-type .usa-accordion--more-actions .usa-accordion__content {
+    tr:last-of-type .usa-accordion--more-actions .usa-accordion__content,
+    tr.view-only-row:nth-last-of-type(1) .usa-accordion--more-actions .usa-accordion__content {
         top: auto;
         bottom: -10px;
         right: 20px;
diff --git a/src/registrar/templates/domain_dsdata.html b/src/registrar/templates/domain_dsdata.html
index 9fee72a40..83b411419 100644
--- a/src/registrar/templates/domain_dsdata.html
+++ b/src/registrar/templates/domain_dsdata.html
@@ -177,7 +177,7 @@
                       <a 
                         role="button" 
                         id="button-trigger-delete-dsdata-{{ forloop.counter }}"
-                        class="usa-button usa-button--unstyled text-no-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex dsdata-delete-kebab"
+                        class="usa-button usa-button--unstyled text-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex dsdata-delete-kebab"
                       >
                         <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
                           <use xlink:href="/public/img/sprite.svg#delete"></use>
diff --git a/src/registrar/templates/domain_nameservers.html b/src/registrar/templates/domain_nameservers.html
index e32268cbf..2433c8d73 100644
--- a/src/registrar/templates/domain_nameservers.html
+++ b/src/registrar/templates/domain_nameservers.html
@@ -140,7 +140,7 @@
 
               {{ form.domain }}
               <!-- Readonly row -->
-              <tr>
+              <tr class="view-only-row">
                 <td colspan="2" aria-colspan="2">{{ form.server.value }} {% if form.ip.value %}({{ form.ip.value }}){% endif %}</td>
                 <td class="padding-right-0">
                   <div class="tablet:display-flex tablet:flex-row">
@@ -154,7 +154,7 @@
                     <a 
                       role="button" 
                       id="button-trigger-delete-{{ form.server.value }}"
-                      class="usa-button usa-button--unstyled text-no-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex nameserver-delete-kebab"
+                      class="usa-button usa-button--unstyled text-underline late-loading-modal-trigger margin-top-2 line-height-sans-5 text-secondary visible-mobile-flex nameserver-delete-kebab"
                     >
                       <svg class="usa-icon" aria-hidden="true" focusable="false" role="img" width="24">
                         <use xlink:href="/public/img/sprite.svg#delete"></use>