Jordan/show on ledger (#3401)

* fixed inconsistent styling issue with "show on ledger" button

* only show the button when signed in with a ledger and not on mobile

* changelog

changes/jordan_show-on-ledger

@@ -0,0 +1 @@
+[Fixed] there was a styling issue with the "show on ledger" button and it was being displayed for all signed in sessions, not just ledger sessions @jbibla

src/components/common/AppMenu.vue

@@ -1,7 +1,7 @@
 <template>
   <menu class="app-menu">
     <div v-if="session.signedIn" class="user-box">
-      <div>
+      <div class="user-box-address">
         <div>
           <h3>Your Address</h3>
           <Bech32 :address="address || ''" />
@@ -11,7 +11,7 @@
         </a>
       </div>
       <a
-        v-if="session.signedIn"
+        v-if="!session.isMobile && session.sessionType === 'ledger'"
         class="show-on-ledger"
         @click="showAddressOnLedger()"
       >
@@ -263,12 +263,14 @@ export default {
   padding: 0.5rem 0.75rem;
   border: 2px solid var(--bc);
   border-radius: 0.25rem;
+  display: block;
 }
 
-.user-box > div {
+.user-box-address {
+  width: 100%;
   display: flex;
-  justify-content: space-between;
   align-items: center;
+  justify-content: space-between;
 }
 
 .user-box i {