fix: media property visibility on search page

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"

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} />

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