Rc 6 hotfixes

public/config.sample.json

@@ -73,7 +73,8 @@
     "modal-btn-text-color": "#ffffff",
     "modal-btn-border-color": "$color-2",
     "tx-topup-bg-color": "$inner-card-background-color",
-    "tx-reconversion-bg-color": "$inner-card-background-color"
+    "tx-reconversion-bg-color": "$inner-card-background-color",
+    "switch-bg-color": "$color-2"
   },
   "css": ".nav-item {color: red !important} .refresh {background-color: #009688;}",
   "accountsRefreshInterval": 90,

src/components/AuthPref.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="main" id="simplified-auth">
-    <div class="mb-5">
-      <div class="mb-5 is-flex">
+    <div class="mb-1">
+      <div class="mb-1 is-flex">
         <div class="is-flex">
           <div class="switch-centered">
             <label class="switch">

src/components/BiometryPrefs.vue

@@ -27,8 +27,8 @@
       </div>
     </div>
     <div
-      v-if="!hasCredentialsAvailable && useBiometry"
-      class="mb-3 mt-1 info-bubble ml-4 pb-1"
+      v-if="hasCredentialsAvailable && useBiometry"
+      class="mb-3 mt-1 info-bubble notification is-warning is-light ml-4 pb-1"
     >
       <span class="warning">
         <i class="ml-2 fas icon fa-key">
@@ -104,7 +104,6 @@
     padding-right: 0.5em;
   }
   .info-bubble {
-    background-color: var(--color-1, #e4f2f1);
     border-radius: 1em;
     padding: 0.2em;
     margin-top: 0.2em;

src/components/LangPrefs.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="main">
-    <div class="mb-5 is-flex">
-      <div class="is-flex mb-5">
+    <div class="is-flex">
+      <div class="is-flex mb-1">
         <div class="switch-centered">
           <label class="switch">
             <input
@@ -17,7 +17,7 @@
           {{ $gettext("Use custom language") }}
         </div>
       </div>
-      <div v-if="useCustomLanguage" class="is-flax ml-5">
+      <div v-if="useCustomLanguage" class="is-flax ml-1">
         <span class="select center">
           <select v-model="userLanguage">
             <option

src/components/PendingTopUp.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="pending-topup-list">
+  <div class="mb-2" id="pending-topup-list">
     <div
       class="section-card"
       id="pending-top-up-list"

src/components/TheBankAccountList.vue

@@ -94,20 +94,20 @@
           {{ $gettext("your accounts") }}
         </h2>
         <BankAccountItem
-          v-for="a in activeVirtualAccountsMiddleware"
-          class="mb-5"
+          v-for="(a, idx) in activeVirtualAccountsMiddleware"
           :class="{
             selected:
               a?.active && a?._obj?.internalId === account?._obj?.internalId,
-          }"
+            'mb-5': idx !== activeVirtualAccountsMiddleware.length - 1
+            }"
           @accountSelected="$emit('accountSelected', a)"
           :isAccountSelected="
             a?.active && a._obj.internalId === account?._obj?.internalId
           "
           :account="a"
           showSubAccounts="true"
           @refreshTransaction="refreshTransactions()"
-          @refreshAccounts="refreshBalance"
+          @refreshAccounts="refreshBalance(true)"
         >
           <template v-slot:name>{{
             a.name ? a.name() : $gettext("Unavailable")
@@ -301,4 +301,8 @@
     justify-content: center;
     display: flex;
   }
+  .section-card {
+      margin-bottom: 0px !important;
+  }
+
 </style>

src/components/TransactionListRecent.vue

@@ -1,7 +1,7 @@
 <template>
   <div id="transaction-list-recent">
     <div
-      class="section-card"
+      class="section-card mb-1"
       id="the-transaction-list"
       v-if="hasFinishedFirstLoading"
     >
@@ -47,7 +47,7 @@
             })
           "
         />
-        <div v-if="transactions.length" class="has-text-centered mt-5">
+        <div v-if="transactions.length" class="has-text-centered mt-4">
           <button
             @click="
               () => {

src/views/Prefs.vue

@@ -45,6 +45,6 @@
     margin: auto;
   }
   .prefs-group + .prefs-group {
-    margin-top: 3em;
+    margin-top: 2em;
   }
 </style>