From 167806bd0e39a243c595f4185bcb62ef3dcda6d1 Mon Sep 17 00:00:00 2001
From: Travis Eden <daovist@gmail.com>
Date: Mon, 15 Oct 2018 10:50:26 -0400
Subject: [PATCH] separate assets from buttons

---
 .../_channel-claims-display.scss              |  5 +----
 .../containers/ChannelClaimsDisplay/view.jsx  | 20 +++++++++++--------
 client/src/pages/ShowChannel/view.jsx         |  4 +++-
 3 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/client/scss/channel-claims-display/_channel-claims-display.scss b/client/scss/channel-claims-display/_channel-claims-display.scss
index 7a550713..e605dde8 100644
--- a/client/scss/channel-claims-display/_channel-claims-display.scss
+++ b/client/scss/channel-claims-display/_channel-claims-display.scss
@@ -1,10 +1,7 @@
 .channel-claims-display {
+  width: 100%;
   display: grid;
   grid-gap: 16px;
-
-  .button--secondary {
-    margin-right: $secondary-padding;
-  }
 }
 
 @media (min-width: 1040px) {
diff --git a/client/src/containers/ChannelClaimsDisplay/view.jsx b/client/src/containers/ChannelClaimsDisplay/view.jsx
index 6f136047..1f29b65b 100644
--- a/client/src/containers/ChannelClaimsDisplay/view.jsx
+++ b/client/src/containers/ChannelClaimsDisplay/view.jsx
@@ -29,14 +29,18 @@ class ChannelClaimsDisplay extends React.Component {
     const {channel: {claimsData: {claims, currentPage, totalPages}}, defaultThumbnail} = this.props;
     if (claims.length > 0) {
       return (
-        <div className={'channel-claims-display'}>
-          {claims.map(claim => (
-            <AssetPreview
-              defaultThumbnail={defaultThumbnail}
-              claimData={claim}
-              key={`${claim.name}-${claim.id}`}
-            />
-          ))}
+        <div>
+          <div>
+            <div className={'channel-claims-display'}>
+              {claims.map(claim => (
+                <AssetPreview
+                  defaultThumbnail={defaultThumbnail}
+                  claimData={claim}
+                  key={`${claim.name}-${claim.id}`}
+                />
+              ))}
+            </div>
+          </div>
           <Row>
             {(currentPage > 1) &&
             <ButtonSecondary
diff --git a/client/src/pages/ShowChannel/view.jsx b/client/src/pages/ShowChannel/view.jsx
index b77300a8..34a23b3a 100644
--- a/client/src/pages/ShowChannel/view.jsx
+++ b/client/src/pages/ShowChannel/view.jsx
@@ -24,7 +24,9 @@ class ShowChannel extends React.Component {
               />
             </Row>
           )}
-          <ChannelClaimsDisplay />
+          <Row>
+            <ChannelClaimsDisplay />
+          </Row>
         </PageLayout>
       );
     }