From 34710368ac911094acd43e97cdd6f442b846a7e1 Mon Sep 17 00:00:00 2001
From: Ans <git@anselmbradford.com>
Date: Fri, 26 Apr 2024 17:28:07 -0400
Subject: [PATCH] Retirement: BEM fixes

---
 cfgov/unprocessed/apps/retirement/css/claiming.less   | 11 +++--------
 .../apps/retirement/js/views/graph-view.js            |  4 ++--
 .../apps/retirement/js/views/questions-view.js        |  4 ++--
 3 files changed, 7 insertions(+), 12 deletions(-)

diff --git a/cfgov/unprocessed/apps/retirement/css/claiming.less b/cfgov/unprocessed/apps/retirement/css/claiming.less
index 2504c2dfd65..84218fa8013 100644
--- a/cfgov/unprocessed/apps/retirement/css/claiming.less
+++ b/cfgov/unprocessed/apps/retirement/css/claiming.less
@@ -258,8 +258,7 @@
     }
   }
 
-  #age-selector-response,
-  #age-selector-response .thank-you {
+  #age-selector-response {
     display: none;
   }
 
@@ -303,7 +302,7 @@
     display: none;
   }
 
-  .step-two .lifestyle-btn__active {
+  .step-two .lifestyle-btn--active {
     background-color: var(--navy);
   }
 
@@ -362,16 +361,12 @@
     }
   }
 
-  .step-three .helpful-btn {
-    width: 4em;
-  }
-
   /* cf-notification */
   .m-notification {
     margin-bottom: 20px;
   }
 
-  .step-one .notification-input__warning {
+  .step-one .notification-input-warning {
     border-color: var(--gold);
   }
 
diff --git a/cfgov/unprocessed/apps/retirement/js/views/graph-view.js b/cfgov/unprocessed/apps/retirement/js/views/graph-view.js
index e8cbaf62b17..d392236eb0b 100644
--- a/cfgov/unprocessed/apps/retirement/js/views/graph-view.js
+++ b/cfgov/unprocessed/apps/retirement/js/views/graph-view.js
@@ -209,9 +209,9 @@ function initIndicator() {
 function highlightAgeFields(bool) {
   const $ageFields = $('#bd-day, #bd-month, #bd-year');
   if (bool) {
-    $ageFields.addClass('notification-input__warning');
+    $ageFields.addClass('notification-input-warning');
   } else {
-    $ageFields.removeClass('notification-input__warning');
+    $ageFields.removeClass('notification-input-warning');
   }
 }
 
diff --git a/cfgov/unprocessed/apps/retirement/js/views/questions-view.js b/cfgov/unprocessed/apps/retirement/js/views/questions-view.js
index 12e1e5ebeea..004cb08bb65 100644
--- a/cfgov/unprocessed/apps/retirement/js/views/questions-view.js
+++ b/cfgov/unprocessed/apps/retirement/js/views/questions-view.js
@@ -11,8 +11,8 @@ function init() {
     const $container = $(this).closest('.question');
     const respTo = $(this).val();
 
-    $container.find('.lifestyle-btn').removeClass('lifestyle-btn__active');
-    $(this).addClass('lifestyle-btn__active');
+    $container.find('.lifestyle-btn').removeClass('lifestyle-btn--active');
+    $(this).addClass('lifestyle-btn--active');
 
     $container.find('.lifestyle-img').slideUp();
     $container