From 3cf5fcff83521639777e2b6485eb6e16bb834864 Mon Sep 17 00:00:00 2001
From: Travis Semple <travis8814@gmail.com>
Date: Tue, 21 Jan 2025 12:50:47 -0800
Subject: [PATCH] More ux changes

---
 .../src/components/auth/common/PaymentMethods.vue     | 11 +++++++----
 .../src/components/auth/common/TermsOfUseDialog.vue   |  3 ++-
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/auth-web/src/components/auth/common/PaymentMethods.vue b/auth-web/src/components/auth/common/PaymentMethods.vue
index cb1794d8e9..ee2bd85bc1 100644
--- a/auth-web/src/components/auth/common/PaymentMethods.vue
+++ b/auth-web/src/components/auth/common/PaymentMethods.vue
@@ -475,11 +475,10 @@ export default defineComponent({
   .v-input--radio-group__input {
     display: block
   }
-  
 }
 
 .payment-card {
-  transition: all ease-out 0.2s;
+  transition: all ease-out 0.3s, opacity 0.3s ease, background-color 0.3 ease;
 
   &:hover {
     border-color: var(--v-primary-base) !important;
@@ -491,8 +490,12 @@ export default defineComponent({
                 0 2px 2px 0 rgba(0,0,0,.14),
                 0 1px 5px 0 rgba(0,0,0,.12) !important;
   }
-  &:focus {
-    outline: none;
+  &:active {
+    opacity: .85;
+    background-color: $gray1
+  }
+  &:focus:before {
+    opacity: 0;
   }
 }
 
diff --git a/auth-web/src/components/auth/common/TermsOfUseDialog.vue b/auth-web/src/components/auth/common/TermsOfUseDialog.vue
index 7bf6847aea..50218ecff8 100644
--- a/auth-web/src/components/auth/common/TermsOfUseDialog.vue
+++ b/auth-web/src/components/auth/common/TermsOfUseDialog.vue
@@ -12,7 +12,6 @@
       v-model="termsAccepted"
       color="primary"
       class="terms-checkbox align-checkbox-label--top ma-0 pa-0"
-      :disabled="!canCheckTerms"
       required
       data-test="check-termsAccepted"
       @change="emitTermsAcceptanceStatus"
@@ -210,6 +209,8 @@ h2 {
 
 .terms-checkbox {
   pointer-events: auto !important;
+  color: rgb(33,37,41) !important;
+  opacity: 1 !important;
 }
 
 .form__btns {