From 87817d13f2e1f573aa7a7f4f5f46980fb8a0b8d7 Mon Sep 17 00:00:00 2001
From: liangping <18786721@qq.com>
Date: Tue, 3 May 2022 19:14:53 +0800
Subject: [PATCH] improve ux on mobile view

---
 src/views/WalletUpgradeEvents.vue | 15 +++++----------
 1 file changed, 5 insertions(+), 10 deletions(-)

diff --git a/src/views/WalletUpgradeEvents.vue b/src/views/WalletUpgradeEvents.vue
index 80ec92fb..f0e90810 100644
--- a/src/views/WalletUpgradeEvents.vue
+++ b/src/views/WalletUpgradeEvents.vue
@@ -8,25 +8,21 @@
         md="12"
       >
         <b-card :bg-variant="p.variant">
-          <b-card-title
-            class="mb-0"
-          >
+          <b-card-title class="mb-1">
             <b-avatar
               :src="p.chain.logo"
               variant="light-primary"
               size="22"
             />
             <span class="text-uppercase"> {{ p.chain.chain_name }}</span>
-            <br>
             #{{ p.id }}.
             <router-link
               :to="`/${p.chain.chain_name}/gov/${p.id}?from=/wallet/votes`"
             >
               {{ p.title }} {{ p.status }}
-            </router-link></b-card-title>
-          <b-card-body md="12">
-            <flip-countdown :deadline="p.countdown" />
-          </b-card-body>
+            </router-link>
+          </b-card-title>
+          <flip-countdown :deadline="p.countdown" />
         </b-card>
       </b-col>
     </b-row>
@@ -36,7 +32,7 @@
 <script>
 import { getLocalAccounts, getLocalChains } from '@/libs/utils'
 import {
-  BRow, BCol, BCard, BCardTitle, BCardBody, BAvatar,
+  BRow, BCol, BCard, BCardTitle, BAvatar,
 } from 'bootstrap-vue'
 import FlipCountdown from 'vue2-flip-countdown'
 import dayjs from 'dayjs'
@@ -49,7 +45,6 @@ export default {
     BCol,
     BCard,
     BCardTitle,
-    BCardBody,
     FlipCountdown,
   },
   props: {