17708 - Statement EFT instructions updated feedback (bcgov#2592)

* Statement EFT instructions updates * Updating versioning on package.json
hfekete · Oct 5, 2023 · a4da68d · a4da68d
1 parent 4aa5e5f
commit a4da68d
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 10 deletions.
diff --git a/auth-web/package-lock.json b/auth-web/package-lock.json
diff --git a/auth-web/package.json b/auth-web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.4.33",
+  "version": "2.4.34",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,

diff --git a/auth-web/src/components/auth/account-settings/statement/Statements.vue b/auth-web/src/components/auth/account-settings/statement/Statements.vue
@@ -49,8 +49,10 @@
           Payment Due Date: {{ formatDate(paymentDueDate) }}
         </p>
       </div>
-      <div class="instructions">
-        <p><a @click="getEftInstructions">How to pay with electronic funds transfer</a></p>
+      <div class="instructions d-flex ma-0 justify-end align-end">
+        <p class="text-right ma-0">
+          <a @click="getEftInstructions">How to pay with electronic funds transfer</a>
+        </p>
       </div>
     </div>
     <div>
@@ -379,6 +381,7 @@ export default defineComponent({
   background: $app-blue;
   color: white;
   border-radius: 4px;
+  font-size: 10px;
   &.overdue {
     background: $app-red;
   }
@@ -393,21 +396,19 @@ export default defineComponent({
     }
     .date {
       font-size: 14px;
-      color: $app-red
+      color: $app-red;
+      margin: 0;
     }
   }
 }
 .instructions {
   margin-bottom: 30px;
   flex: 1 0 auto;
   p {
-    margin: 0;
-    text-align: right;
     font-size: 16px;
     a {
-      &:hover {
-        text-decoration: underline;
-      }
+      color: $app-blue;
+      text-decoration: underline;
     }
   }
 }