From ffbe3dcf8a7e9f702a3e7b8370ecb3aa507636e4 Mon Sep 17 00:00:00 2001
From: jessop <jessop@lbry.com>
Date: Thu, 1 Aug 2019 21:34:48 -0400
Subject: [PATCH] tweaks

---
 src/ui/component/claimPreview/view.jsx | 18 ++++++++++++++----
 src/ui/scss/component/_claim-list.scss |  8 ++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/ui/component/claimPreview/view.jsx b/src/ui/component/claimPreview/view.jsx
index 9b6246238..9b2b5a38d 100644
--- a/src/ui/component/claimPreview/view.jsx
+++ b/src/ui/component/claimPreview/view.jsx
@@ -168,12 +168,22 @@ function ClaimPreview(props: Props) {
             {claim ? <TruncatedText text={title || claim.name} lines={1} /> : <span>{__('Nothing here')}</span>}
           </div>
           {!hideActions && (
-            <div>
+            <div className={'claim-preview-actions'}>
               {isChannel && !channelIsBlocked && (
-                <SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
+                <div className={'claim-preview__button'}>
+                  <SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
+                </div>
+              )}
+              {isChannel && !isSubscribed && (
+                <div className={'claim-preview__button'}>
+                  <BlockButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
+                </div>
+              )}
+              {!isChannel && (
+                <div className={'claim-preview__button'}>
+                  <FileProperties uri={uri} />
+                </div>
               )}
-              {isChannel && !isSubscribed && <BlockButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />}
-              {!isChannel && <FileProperties uri={uri} />}
             </div>
           )}
         </div>
diff --git a/src/ui/scss/component/_claim-list.scss b/src/ui/scss/component/_claim-list.scss
index 104c1e33e..e51cff635 100644
--- a/src/ui/scss/component/_claim-list.scss
+++ b/src/ui/scss/component/_claim-list.scss
@@ -231,6 +231,14 @@ $border-color--dark: var(--dm-color-04);
   justify-content: space-between;
 }
 
+.claim-preview-actions {
+  display: flex;
+  justify-content: space-evenly;
+}
+.claim-preview__button {
+  margin-left: 2rem;
+}
+
 .claim-preview-properties {
   align-items: flex-end;
   flex: 1;