badges

src/components/BitcoinWallet.vue

@@ -131,7 +131,15 @@
                     style="margin-left: 24px;"
                     :title="getReadableTime(tx.timestamp)"
                     v-if="tx.type === 'outgoing' || tx.type === 'incoming'"
-                  >{{getTimeFromNow(tx.timestamp)}}</small>
+                  >
+                    {{getTimeFromNow(tx.timestamp)}}
+                    <span
+                      v-if="tx.description === 'Lightning Wallet' && tx.type === 'outgoing'"
+                    >&bull; Channel open</span>
+                    <span
+                      v-else-if="tx.description === 'Lightning Wallet' && tx.type === 'incoming'"
+                    >&bull; Channel close</span>
+                  </small>
 
                   <small
                     class="text-muted mt-0 tx-timestamp"
@@ -163,7 +171,7 @@
         </div>
 
         <!-- Link to Bitcoin Network Page -->
-        <div class="px-4 pt-3" v-if="!isBitcoinPage">
+        <div class="px-4 pt-2" v-if="!isBitcoinPage">
           <router-link to="/bitcoin" class="card-link">Manage</router-link>
         </div>
       </div>
@@ -811,7 +819,7 @@ export default {
   }
 }
 .transactions {
-  height: 16rem;
+  height: 17rem;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch; //momentum scroll on iOS
 }

src/components/LightningWallet.vue

@@ -163,7 +163,7 @@
         </div>
 
         <!-- Link to Lightning Network Page -->
-        <div class="px-4 pt-3" v-if="!isLightningPage">
+        <div class="px-4 pt-2" v-if="!isLightningPage">
           <router-link to="/lightning" class="card-link">Manage</router-link>
         </div>
       </div>
@@ -848,7 +848,7 @@ export default {
   }
 }
 .transactions {
-  height: 16rem;
+  height: 17rem;
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch; //momentum scroll on iOS
 }

src/views/Bitcoin.vue

@@ -53,11 +53,11 @@
                 />
               </svg>
             </template>
-            <b-dropdown-item href="#">Show QR</b-dropdown-item>
-            <b-dropdown-item href="#">Check for update</b-dropdown-item>
-            <b-dropdown-item href="#">View information</b-dropdown-item>
+            <b-dropdown-item href="#" disabled>Show QR</b-dropdown-item>
+            <b-dropdown-item href="#" disabled>Check for update</b-dropdown-item>
+            <b-dropdown-item href="#" disabled>View information</b-dropdown-item>
             <b-dropdown-divider />
-            <b-dropdown-item variant="danger" href="#">Stop Bitcoin Core</b-dropdown-item>
+            <b-dropdown-item variant="danger" href="#" disabled>Stop Bitcoin Core</b-dropdown-item>
           </b-dropdown>
         </div>
       </div>
@@ -69,7 +69,7 @@
       <b-col col cols="12" md="6" xl="4">
         <card-widget header="Blockchain" :hasMenu="true">
           <template v-slot:menu>
-            <b-dropdown-item variant="danger" href="#">Resync Blockchain</b-dropdown-item>
+            <b-dropdown-item variant="danger" href="#" disabled>Resync Blockchain</b-dropdown-item>
           </template>
           <div class>
             <div class="px-4 mb-4">