From 61a774a0ef3b28f80e1d058f8f2c4d6feef854ef Mon Sep 17 00:00:00 2001
From: kevinsmaster5 <kevin.masters@gsa.gov>
Date: Wed, 24 Jan 2024 14:37:08 -0500
Subject: [PATCH 1/2] changelog: Bug Fixes, Account management, Mobile style
 changes for MFA rename and delete buttons display

---
 .../manageable_authenticator_component.scss   | 34 +++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/app/components/manageable_authenticator_component.scss b/app/components/manageable_authenticator_component.scss
index 06f93a31177..f3a1ed30252 100644
--- a/app/components/manageable_authenticator_component.scss
+++ b/app/components/manageable_authenticator_component.scss
@@ -75,3 +75,37 @@
 .manageable-authenticator__actions {
   @include grid-col('auto');
 }
+
+.manageable-authenticator__done-button,
+.manageable-authenticator__rename-button,
+.manageable-authenticator__delete-button .usa-button,
+.manageable-authenticator__save-rename-button .usa-button,
+.manageable-authenticator__cancel-rename-button {
+  @include at-media-max('tablet') {
+    color: color('primary');
+    box-shadow: none;
+    text-align: left;
+    background-color: color('white');
+    border: 0;
+    border-radius: 0;
+    margin: 0;
+    padding: 0;
+    font-weight: normal;
+    text-decoration: underline;
+    width: auto;
+  }
+}
+
+.manageable-authenticator__rename-button,
+.manageable-authenticator__save-rename-button {
+  @include at-media-max('tablet') {
+    margin-right: 1rem;
+  }
+}
+
+.manageable-authenticator__delete-button
+  .usa-button.usa-button--danger.usa-button--outline:not(:disabled, [aria-disabled='true']) {
+  @include at-media-max('tablet') {
+    box-shadow: none;
+  }
+}

From 1082052e4d805f50d98becd0691acf2b0d9e12a8 Mon Sep 17 00:00:00 2001
From: kevinsmaster5 <kevin.masters@gsa.gov>
Date: Thu, 25 Jan 2024 10:20:49 -0500
Subject: [PATCH 2/2] leverage included mixin

---
 .../manageable_authenticator_component.scss           | 11 +----------
 1 file changed, 1 insertion(+), 10 deletions(-)

diff --git a/app/components/manageable_authenticator_component.scss b/app/components/manageable_authenticator_component.scss
index f3a1ed30252..feb3085282f 100644
--- a/app/components/manageable_authenticator_component.scss
+++ b/app/components/manageable_authenticator_component.scss
@@ -82,16 +82,7 @@
 .manageable-authenticator__save-rename-button .usa-button,
 .manageable-authenticator__cancel-rename-button {
   @include at-media-max('tablet') {
-    color: color('primary');
-    box-shadow: none;
-    text-align: left;
-    background-color: color('white');
-    border: 0;
-    border-radius: 0;
-    margin: 0;
-    padding: 0;
-    font-weight: normal;
-    text-decoration: underline;
+    @include button-unstyled;
     width: auto;
   }
 }