From 5cfa46d14d154e1e04ea17c1fb1fe5702c3721b7 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 13 Nov 2020 13:10:47 -0500
Subject: [PATCH] fix card spacing on settings page

---
 ui/page/settings/view.jsx    | 2 +-
 ui/scss/component/_card.scss | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/page/settings/view.jsx b/ui/page/settings/view.jsx
index 647fa2ebb..0e41cc2d2 100644
--- a/ui/page/settings/view.jsx
+++ b/ui/page/settings/view.jsx
@@ -220,7 +220,7 @@ class SettingsPage extends React.PureComponent<Props, State> {
             <div className="card__title card__title--deprecated">{__('Failed to load settings.')}</div>
           </section>
         ) : (
-          <div className={classnames({ 'card--disabled': IS_WEB && !isAuthenticated })}>
+          <div className={classnames('card-stack', { 'card--disabled': IS_WEB && !isAuthenticated })}>
             {isAuthenticated && <SettingAccountPassword />}
             {/* @if TARGET='app' */}
             <Card
diff --git a/ui/scss/component/_card.scss b/ui/scss/component/_card.scss
index 5cb0e718a..55b8027f4 100644
--- a/ui/scss/component/_card.scss
+++ b/ui/scss/component/_card.scss
@@ -132,6 +132,10 @@
   }
 }
 
+.card ~ .card-stack {
+  margin-top: var(--spacing-l);
+}
+
 .card__list {
   column-count: 2;
   column-gap: var(--spacing-l);