home page tweaks

src/components/NeedsSigner.vue

@@ -2,11 +2,15 @@
   <slot v-if="pluginOk && loggedIn" v-bind="$props"/>
   <v-card v-if="!loggedIn" rounded="0">
     <v-card-title>
-      <v-icon icon="mdi-hand-wave" color="grey"/>&nbsp;Welcome to Dexorder Alpha!
+<!--      <v-icon icon="mdi-hand-wave" color="grey"/>-->
+      Welcome to Dexorder Alpha!
     </v-card-title>
     <v-card-text>
       This alpha test runs on the Dexorder Testnet blockchain, which gives you free testnet tokens to trade.
     </v-card-text>
+    <v-card-text>
+      Play with the order builder by clicking on the <logo :alpha="false" class="logo-small"/> logo or on the <v-icon icon="mdi-chart-timeline-variant"/> button.
+    </v-card-text>
     <div v-if="!pluginOk">
       <v-card-text>
         A cryptocurrency wallet such as <a href="https://metamask.io/download/" target="MetaMask">MetaMask</a> is
@@ -18,8 +22,10 @@
       </v-card-actions>
     </div>
 
-    <btn v-if="pluginOk" icon="mdi-wallet-outline" color="warning" variant="outlined"
-         @click="connect" :disabled="disabled" text="Connect Wallet"/>
+    <v-card-actions>
+      <btn v-if="pluginOk" icon="mdi-wallet-outline" color="warning" variant="outlined"
+           @click="connect" :disabled="disabled" text="Connect Wallet"/>
+    </v-card-actions>
     <div v-if="needsNetwork">
       <v-card-text>
         <table id="manualsetup">
@@ -66,6 +72,7 @@ import {computed, ref} from "vue";
 import {addTestnet, connectWallet, switchChain, useWalletStore} from "@/blockchain/wallet.js";
 import Btn from "@/components/Btn.vue";
 import CopyButton from "@/components/CopyButton.vue";
+import Logo from "@/components/Logo.vue";
 
 const s = useStore()
 const ws = useWalletStore()