use smaller countdown

src/views/WalletUpgradeEvents.vue

@@ -10,11 +10,12 @@
         <b-card :bg-variant="p.variant">
           <b-card-title class="mb-1">
             <b-avatar
+              v-b-tooltip.hover
               :src="p.chain.logo"
+              :title="p.chain.chain_name"
               variant="light-primary"
               size="22"
             />
-            <span class="text-uppercase"> {{ p.chain.chain_name }}</span>
             #{{ p.id }}.
             <router-link
               :to="`/${p.chain.chain_name}/gov/${p.id}?from=/wallet/votes`"
@@ -22,7 +23,11 @@
               {{ p.title }} {{ p.status }}
             </router-link>
           </b-card-title>
-          <flip-countdown :deadline="p.countdown" />
+          <flip-countdown
+            :deadline="p.countdown"
+            countdown-size="28px"
+            label-size="12px"
+          />
         </b-card>
       </b-col>
     </b-row>
@@ -32,7 +37,7 @@
 <script>
 import { getLocalAccounts, getLocalChains } from '@/libs/utils'
 import {
-  BRow, BCol, BCard, BCardTitle, BAvatar,
+  BRow, BCol, BCard, BCardTitle, BAvatar, VBTooltip,
 } from 'bootstrap-vue'
 import FlipCountdown from 'vue2-flip-countdown'
 import dayjs from 'dayjs'
@@ -47,6 +52,9 @@ export default {
     BCardTitle,
     FlipCountdown,
   },
+  directives: {
+    'b-tooltip': VBTooltip,
+  },
   props: {
     content: {
       type: String,