Normalized button visual styles

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">
+      <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>
-        </button>
-      </div>
 
-      <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"
+        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>
-        </button>
-      </div>
 
-      <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"
+        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>
 
       <div class="flex py-4">
         <h2 class="text-slate-500 text-sm font-bold mb-2">Claim Server</h2>