From 74a18b724e733edefd6bbd39b31f295ae93444ee Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Mon, 29 Jun 2020 13:25:29 -0400
Subject: [PATCH] fix subscribe button label not showing on mobile

---
 ui/component/claimPreview/view.jsx | 6 +++---
 ui/scss/component/_claim-list.scss | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/ui/component/claimPreview/view.jsx b/ui/component/claimPreview/view.jsx
index bc50ec228..ec03c0c62 100644
--- a/ui/component/claimPreview/view.jsx
+++ b/ui/component/claimPreview/view.jsx
@@ -284,11 +284,11 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
           {type !== 'small' && (
             <div className="claim-preview__actions">
               {!pending && (
-                <React.Fragment>
+                <>
                   {hideActions ? null : actions !== undefined ? (
                     actions
                   ) : (
-                    <div className="card__actions--inline">
+                    <div className="claim-preview__primary-actions">
                       {isChannel && !channelIsBlocked && !claimIsMine && (
                         <SubscribeButton uri={uri.startsWith('lbry://') ? uri : `lbry://${uri}`} />
                       )}
@@ -298,7 +298,7 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
                       {includeSupportAction && <ClaimSupportButton uri={uri} />}
                     </div>
                   )}
-                </React.Fragment>
+                </>
               )}
               {claim && (
                 <React.Fragment>
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index dc6afc6c5..a003327bf 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -227,6 +227,11 @@
   width: 100%;
 }
 
+.claim-preview__primary-actions {
+  @extend .section__actions;
+  margin-top: 0;
+}
+
 .claim-preview__actions--header {
   @extend .claim-preview__actions;
   flex-wrap: wrap;