fix: better pending style for publishes

src/renderer/component/fileCard/view.jsx

@@ -110,7 +110,7 @@ class FileCard extends React.PureComponent<Props> {
         role="button"
         onClick={!pending ? () => navigate('/show', { uri }) : () => {}}
         className={classnames('media-card', {
-          'media--link': !pending,
+          'card--link': !pending,
           'media--pending': pending,
         })}
         onContextMenu={handleContextMenu}

src/renderer/modal/modalPublish/view.jsx

@@ -26,7 +26,7 @@ class ModalSendTip extends React.PureComponent<Props> {
       >
         <section className="card__content">
           <p>{__('Your file has been published to LBRY at the address')}</p>
-          <p className="card__success-msg">{uri}</p>
+          <blockquote>{uri}</blockquote>
           <p>
             {__(
               'The file will take a few minutes to appear for other LBRY users. Until then it will be listed as "pending" under your published files.'

src/renderer/scss/component/_media.scss

@@ -76,6 +76,17 @@
   }
 }
 
+//  M E D I A
+//  P E N D I N G
+
+.media--pending {
+  opacity: 0.5;
+
+  &:hover {
+    cursor: default;
+  }
+}
+
 //  M E D I A
 //  S E A R C H   R E S U L T
 
@@ -454,7 +465,6 @@
   }
 
   .media-card {
-    cursor: pointer;
     display: inline-block;
     margin-bottom: var(--spacing-vertical-large);
     vertical-align: top;