From 42304a8e27f6b651a6fdfb941224ebc0626752fa Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Wed, 27 Nov 2019 11:55:08 +0100
Subject: [PATCH] Fix account panel breaking out of topbar on mobile

refs #163
---
 app/components/topbar-account-panel/template.hbs | 2 +-
 app/styles/components/_topbar-account-panel.scss | 6 ++++++
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/app/components/topbar-account-panel/template.hbs b/app/components/topbar-account-panel/template.hbs
index bb50629..35e802c 100644
--- a/app/components/topbar-account-panel/template.hbs
+++ b/app/components/topbar-account-panel/template.hbs
@@ -8,7 +8,7 @@
         <span class="core-flag">(core)</span>
       {{/if}}
     {{else}}
-      Anonymous
+      <span class="anonymous">Anonymous</span>
       <button {{action "signup"}} class="small">Sign up</button>
       {{#if showConnectButton}}
         <button {{action "connectAccount"}} class="small green">Connect account</button>
diff --git a/app/styles/components/_topbar-account-panel.scss b/app/styles/components/_topbar-account-panel.scss
index 2f04ce1..58dcc57 100644
--- a/app/styles/components/_topbar-account-panel.scss
+++ b/app/styles/components/_topbar-account-panel.scss
@@ -8,4 +8,10 @@ header#topbar section#user-account {
     margin-left: 0.6rem;
   }
 
+  @include media-max(small) {
+    .anonymous {
+      display: none;
+    }
+  }
+
 }