From 82dc80e1003a6166caf41c78509707ab38fc079b Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 8 Jan 2019 14:40:24 -0500
Subject: [PATCH] fix: better pending style for publishes

---
 src/renderer/component/fileCard/view.jsx |  2 +-
 src/renderer/modal/modalPublish/view.jsx |  2 +-
 src/renderer/scss/component/_media.scss  | 12 +++++++++++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/renderer/component/fileCard/view.jsx b/src/renderer/component/fileCard/view.jsx
index ec620c603..aa247ee5a 100644
--- a/src/renderer/component/fileCard/view.jsx
+++ b/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}
diff --git a/src/renderer/modal/modalPublish/view.jsx b/src/renderer/modal/modalPublish/view.jsx
index 3375cccf4..b5fc2d908 100644
--- a/src/renderer/modal/modalPublish/view.jsx
+++ b/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.'
diff --git a/src/renderer/scss/component/_media.scss b/src/renderer/scss/component/_media.scss
index eed44c0c1..368aa5b40 100644
--- a/src/renderer/scss/component/_media.scss
+++ b/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;