26504 - Transactions Partial Credits / Applied Credits / Partial Refund grouping (bcgov#3469)

Author: seeker25

auth-web/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "auth-web",
-  "version": "2.10.16",
+  "version": "2.10.17",
   "appName": "Auth Web",
   "sbcName": "SBC Common Components",
   "private": true,

auth-web/package.json

@@ -88,3 +88,24 @@
 .soft-corners-top {
   border-radius: 5px 5px 0 0;
 }
+
+// Expand just for the transactions page.
+.transaction-container .container,
+.transaction-container .v-container,
+.transaction-container .view-container,
+.transaction-container .app-body,
+.transaction-container .v-app {
+  max-width: 90% !important;
+}
+
+.app-body .transaction-container ~ .container,
+.app-body .transaction-container ~ .v-container,
+.app-body .transaction-container ~ .view-container {
+  max-width: 90% !important;
+}
+
+.app-body:has(.transaction-container) .container,
+.app-body:has(.transaction-container) .v-container,
+.app-body:has(.transaction-container) .view-container {
+  max-width: 90% !important;
+}

auth-web/src/assets/scss/layout.scss

@@ -15,13 +15,16 @@
     </v-fade-transition>
     <header
       v-if="title"
-      class="view-header align-center mb-5 ml-4"
+      class="view-header align-center mb-5 ml-2"
     >
       <h2 class="view-header__title">
         {{ title }}
       </h2>
     </header>
-    <section v-if="showCredit && (hasPadCredit || hasObCredit)">
+    <section
+      v-if="showCredit && (hasPadCredit || hasObCredit)"
+      class="ml-4"
+    >
       <v-divider class="mb-8" />
       <div class="credit-header-row">
         <span class="font-weight-bold">Account Credit Available:</span>