src/views/AccountViewView.vue

@@ -292,7 +292,7 @@
 
       <label
         for="toggleShowAmounts"
-        class="flex items-center justify-between cursor-pointer py-2"
+        class="flex items-center justify-between cursor-pointer my-4"
         @click="handleChange"
       >
         <!-- label -->
@@ -315,35 +315,28 @@
         </div>
       </label>
 
-      <div class="flex py-2">
-        <button class="text-blue-500">
-          <router-link :to="{ name: 'statistics' }" class="block text-center">
-            See Global Animated History of Giving
-          </router-link>
-        </button>
-      </div>
+      <router-link
+        :to="{ name: 'statistics' }"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        See Global Animated History of Giving
+      </router-link>
 
-      <div class="flex py-2">
-        <button class="text-blue-500">
-          <!-- id used by puppeteer test script -->
-          <router-link
-            id="switch-identity-link"
-            :to="{ name: 'identity-switcher' }"
-            class="block text-center"
-          >
-            Switch Identity / No Identity
-          </router-link>
-        </button>
-      </div>
+      <!-- id used by puppeteer test script -->
+      <router-link
+        id="switch-identity-link"
+        :to="{ name: 'identity-switcher' }"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        Switch Identity / No Identity
+      </router-link>
 
-      <div class="flex py-2">
-        <button
-          @click="alertWebPushSubscription()"
-          class="block text-center text-md bg-blue-500 text-white px-1.5 py-2 rounded-md mr-2 mb-2"
-        >
-          Show Subscription from Web Push Server
-        </button>
-      </div>
+      <button
+        @click="alertWebPushSubscription()"
+        class="block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md mb-2"
+      >
+        Show Subscription from Web Push Server
+      </button>
 
       <div class="flex py-4">
         <h2 class="text-slate-500 text-sm font-bold mb-2">Claim Server</h2>