From ba71d36e9a9e6fe5bf0619a6c7318ed9b2ed9c9c Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Thu, 2 Jul 2020 13:01:08 -0400
Subject: [PATCH] remove unused styles and add title fallback

---
 ui/component/button/view.jsx |  1 -
 ui/component/header/view.jsx |  4 +++-
 ui/scss/component/tabs.scss  | 13 -------------
 3 files changed, 3 insertions(+), 15 deletions(-)

diff --git a/ui/component/button/view.jsx b/ui/component/button/view.jsx
index bc35bec12..bb2501957 100644
--- a/ui/component/button/view.jsx
+++ b/ui/component/button/view.jsx
@@ -77,7 +77,6 @@ const Button = forwardRef<any, {}>((props: Props, ref: any) => {
           'button--primary': button === 'primary',
           'button--secondary': button === 'secondary',
           'button--alt': button === 'alt',
-          'button--danger': button === 'danger',
           'button--inverse': button === 'inverse',
           'button--close': button === 'close',
           'button--disabled': disabled,
diff --git a/ui/component/header/view.jsx b/ui/component/header/view.jsx
index ffc3311db..0024ddb83 100644
--- a/ui/component/header/view.jsx
+++ b/ui/component/header/view.jsx
@@ -144,7 +144,9 @@ const Header = (props: Props) => {
         {!authHeader && backout ? (
           <div className="card__actions--between">
             <Button onClick={backout.backFunction} button="link" label={__('Cancel')} icon={ICONS.ARROW_LEFT} />
-            {backout.title && <h1 className={'card__title'}>{isMobile ? backout.simpleTitle : backout.title}</h1>}
+            {backout.title && (
+              <h1 className={'card__title'}>{isMobile ? backout.simpleTitle || backout.title : backout.title}</h1>
+            )}
             <Button
               aria-label={__('Your wallet')}
               navigate={`/$/${PAGES.WALLET}`}
diff --git a/ui/scss/component/tabs.scss b/ui/scss/component/tabs.scss
index 29e9c31b0..52e88c778 100644
--- a/ui/scss/component/tabs.scss
+++ b/ui/scss/component/tabs.scss
@@ -29,19 +29,6 @@
   }
 }
 
-.tabs__list--select-asset {
-  margin-bottom: var(--spacing-l);
-  padding: var(--spacing-m) 0;
-
-  height: 4rem;
-  border-bottom-left-radius: var(--card-radius);
-  border-bottom-right-radius: var(--card-radius);
-
-  @media (max-width: $breakpoint-small) {
-    padding-left: var(--spacing-m);
-  }
-}
-
 .tab {
   @extend .button--link;
   margin-right: var(--spacing-l);