Improve siwe session status indicator

Signed-off-by: Sebastian Martinez <sebastinez@me.com>

src/base/seeds/View.svelte

@@ -56,6 +56,10 @@
     display: flex;
     align-items: center;
   }
+  .session-info {
+    display: flex;
+    flex-direction: row;
+  }
   .desktop {
     display: block !important;
   }
@@ -97,8 +101,8 @@
       <div class="siwe">
         {#if session?.signer}
           {#if siweSession}
-            <div>
-              <Address address={siweSession.address} {config} compact resolve />
+            <div class="session-info">
+              <span style:margin-right="0.5rem">Signed in as&nbsp;</span><Address address={siweSession.address} {config} compact resolve />
             </div>
           {:else}
             <SiweConnect {seed} {config} />

src/siwe.ts

@@ -39,7 +39,7 @@ export async function createUnauthorizedSession(host: Host): Promise<{ nonce: st
   return await new Request(`sessions`, host).post();
 }
 
-/// Signs the user into given seed and returns when succesfull a session id
+/// Signs the user into given seed and returns when successfull a session id
 export async function signInWithEthereum(seed: Seed, config: Config): Promise<{ id: string } | null> {
   if (! config.signer) {
     return null;