From 70a860b8d061cd5e743b127a0529aaf1d4563dae Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Fri, 13 Jul 2018 11:29:25 -0400
Subject: [PATCH] Fix spacing on community row

---
 src/renderer/component/categoryList/view.jsx |  2 +-
 src/renderer/scss/component/_card.scss       | 13 +++++--------
 2 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/renderer/component/categoryList/view.jsx b/src/renderer/component/categoryList/view.jsx
index 25d780b95..544b11f9b 100644
--- a/src/renderer/component/categoryList/view.jsx
+++ b/src/renderer/component/categoryList/view.jsx
@@ -249,7 +249,7 @@ class CategoryList extends React.PureComponent<Props, State> {
           )}
         </div>
         {obscureNsfw && isCommunityTopBids ? (
-          <div className="card__content help">
+          <div className="card-row__message help">
             {__(
               'The community top bids section is only visible if you allow mature content in the app. You can change your content viewing preferences'
             )}{' '}
diff --git a/src/renderer/scss/component/_card.scss b/src/renderer/scss/component/_card.scss
index bd2fc0798..50cdc4478 100644
--- a/src/renderer/scss/component/_card.scss
+++ b/src/renderer/scss/component/_card.scss
@@ -281,14 +281,6 @@
   &:last-of-type {
     padding-bottom: $spacing-vertical * 2/3;
   }
-
-  // This is only for the text that is displayed when a user has nsfw hidden
-  // It is not used anywhere else in the app and is needed due to the css related to
-  // the content that scrolls off the edge of the screen
-  .card__content.help {
-    padding: 0 $spacing-width;
-    white-space: normal;
-  }
 }
 
 .card-row__header {
@@ -350,6 +342,11 @@
   }
 }
 
+.card-row__message {
+  padding: 0 $spacing-width;
+  white-space: normal;
+}
+
 /*
   How cards are displayed in lists
 */