From d2fcd8cf1a7c9c936fe9f6290b0e8b8ba77d831e Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 8 Jan 2019 15:55:55 -0500
Subject: [PATCH] fix: media property visibility on search page

---
 src/renderer/component/common/file-selector.jsx |  2 +-
 src/renderer/component/fileTile/view.jsx        |  4 ++++
 src/renderer/scss/component/_media.scss         | 10 ++++++++++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/renderer/component/common/file-selector.jsx b/src/renderer/component/common/file-selector.jsx
index 1aea29fd2..476a1e42f 100644
--- a/src/renderer/component/common/file-selector.jsx
+++ b/src/renderer/component/common/file-selector.jsx
@@ -63,7 +63,7 @@ class FileSelector extends React.PureComponent<Props> {
       type === 'file' ? fileLabel || __('Choose File') : directoryLabel || __('Choose Directory');
 
     return (
-      <FormRow verticallyCentered>
+      <FormRow verticallyCentered padded>
         <Button button="primary" onClick={() => this.handleButtonClick()} label={label} />
         <input
           webkitdirectory="true"
diff --git a/src/renderer/component/fileTile/view.jsx b/src/renderer/component/fileTile/view.jsx
index 9b9416d60..3cf09adf0 100644
--- a/src/renderer/component/fileTile/view.jsx
+++ b/src/renderer/component/fileTile/view.jsx
@@ -62,6 +62,10 @@ class FileTile extends React.PureComponent<Props> {
     } = this.props;
     const isRewardContent = claim && rewardedContentClaimIds.includes(claim.claim_id);
 
+    if (!isNew && !isSubscribed && !isRewardContent && !isDownloaded) {
+      return null;
+    }
+
     return (
       <div className={classnames('media__properties', { card__subtitle: size === 'large' })}>
         <FilePrice hideFree uri={uri} />
diff --git a/src/renderer/scss/component/_media.scss b/src/renderer/scss/component/_media.scss
index 368aa5b40..a9cd5f795 100644
--- a/src/renderer/scss/component/_media.scss
+++ b/src/renderer/scss/component/_media.scss
@@ -161,6 +161,16 @@
   }
 }
 
+.media--search-result,
+.media--small {
+  .media__properties {
+    padding: 0 var(--spacing-vertical-small);
+    border-radius: 5px;
+    background-color: $lbry-white;
+    color: $lbry-black;
+  }
+}
+
 //  M E D I A
 //  A C T I O N S