Change some styles and fix a UI bug

src/lib/helpers.ts

@@ -4,7 +4,7 @@ export const truncateWallet: (
   postDigits: number | undefined,
 ) => string = (wallet: string, preDigits: number, postDigits = preDigits) => {
   const [med, mtd] = [Math.max(preDigits, 3), Math.max(postDigits, 3)];
-  return `${wallet.slice(0, med)}...${wallet.slice(-(mtd + 1), -1)}`;
+  return `${wallet.slice(0, med)}...${wallet.slice(-(mtd + 1), wallet.length)}`;
 };
 export const isNumber = (s: string) => /^[0-9]+$/.test(s);
 

src/views/FundView.vue

@@ -122,11 +122,11 @@
           </label>
         </div>
       </div>
+      <p class="py-2" v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
+        Enable contribution consolidation in order to select.
+        Click to select a row in order to mark a wallet to receive rewards.
+      </p>
       <div id="contribution-container" @scroll="loadMoreIfNeeded">
-        <p v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
-          Enable contribution consolidation in order to select.
-          Click to select a row in order to mark a wallet to receive rewards.
-        </p>
         <table class="contribution-table table is-fullwidth">
           <thead>
           <tr>
@@ -154,7 +154,7 @@
           </tbody>
         </table>
       </div>
-      <div v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
+      <div class="my-4" v-if="store.getters.getToken && hasPermission(Privileges.Admin)">
         <div class="box is-flex is-flex-direction-row is-justify-content-space-between">
           <div class="my-auto">
             <label for="distribute-confirm" class="checkbox">
@@ -164,7 +164,8 @@
           </div>
           <div>
             <button class="button is-success"
-                    :disabled="!allowDistribution" @click="distributeFund">
+                    :disabled="!allowDistribution || selectedContributions.length === 0"
+                    @click="distributeFund">
               Distribute Rewards
             </button>
           </div>