Design Language tweaks

src/lib/components/OnboardingFooter.svelte

@@ -32,7 +32,10 @@
       <Icon name="fas fa-arrow-left" />
       Back to main site
     </a>
-    <button class="ob-footer-logout" on:click={logout} disabled={loggingOut}>
+    {#if email}
+      <span class="ob-footer-email">Signed in as {email}</span>
+    {/if}
+    <button type="button" class="ob-footer-logout" on:click={logout} disabled={loggingOut}>
       <Icon name="fas fa-right-from-bracket" />
       {loggingOut ? 'Signing out…' : 'Sign out'}
     </button>
@@ -72,6 +75,16 @@
     color: #fff;
   }
 
+  .ob-footer-email {
+    margin-left: auto;
+    min-width: 0;
+    color: rgba(255, 255, 255, 0.62);
+    font-size: 12px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
   .ob-footer-logout {
     display: inline-flex;
     align-items: center;