From ad8fc035bbb5e1db97e1a7fdfb3df3952cd20a39 Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Mon, 11 Jul 2022 18:52:04 +0200
Subject: [PATCH] Show balance on large & medium screens

---
 ui/component/header/view.jsx   | 5 ++++-
 ui/scss/component/_header.scss | 4 ++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/ui/component/header/view.jsx b/ui/component/header/view.jsx
index 600f1d899..d772f6033 100644
--- a/ui/component/header/view.jsx
+++ b/ui/component/header/view.jsx
@@ -156,7 +156,10 @@ const Header = (props: Props) => {
                 ) : (
                   <Button
                     navigate={`/$/${PAGES.WALLET}`}
-                    className="button--file-action header__navigationItem--balance"
+                    className={classnames('button--file-action header__navigationItem--balance', {
+                      'header__navigationItem--balance-round':
+                        hideBalance || Number(roundedTotalBalance) === 0 || !prefsReady,
+                    })}
                     label={
                       hideBalance || Number(roundedTotalBalance) === 0 || !prefsReady
                         ? __(isMobile ? 'Wallet' : 'Your Wallet')
diff --git a/ui/scss/component/_header.scss b/ui/scss/component/_header.scss
index 17babbd02..e7a65aee2 100644
--- a/ui/scss/component/_header.scss
+++ b/ui/scss/component/_header.scss
@@ -35,6 +35,7 @@
 
   .header__menu--right {
     .header__navigationItem--balance {
+      transition: border-radius 0.4s;
       .button__label {
         margin-left: var(--spacing-xxs) !important;
       }
@@ -44,8 +45,7 @@
         }
       }
     }
-    .header__navigationItem--balance {
-      transition: border-radius 0.4s;
+    .header__navigationItem--balance-round {
       @media (max-width: $breakpoint-large) {
         border-radius: 50%;
         .button__label {