style cleanup

ui/component/claimPreviewTile/view.jsx

@@ -61,7 +61,6 @@ function ClaimPreviewTile(props: Props) {
   const isRepost = claim && claim.repost_channel_url;
   const shouldFetch = claim === undefined;
   const thumbnailUrl = useGetThumbnail(uri, claim, streamingUrl, getFile, placeholder) || thumbnail;
-  const claimsInChannel = (claim && claim.meta && claim.meta.claims_in_channel) || 0;
   const canonicalUrl = claim && claim.canonical_url;
   const navigateUrl = formatLbryUrlForWeb(canonicalUrl || uri || '/');
 
@@ -187,12 +186,7 @@ function ClaimPreviewTile(props: Props) {
         <div className="claim-tile__info">
           {isChannel ? (
             <div className="claim-tile__about--channel">
-              <SubscribeButton uri={uri} shrinkOnMobile />
-              <span className="claim-tile__publishes">
-                {claimsInChannel === 1
-                  ? __('%claimsInChannel% publish', { claimsInChannel })
-                  : __('%claimsInChannel% publishes', { claimsInChannel })}
-              </span>
+              <SubscribeButton uri={uri} />
             </div>
           ) : (
             <React.Fragment>

ui/scss/component/_file-render.scss

@@ -373,7 +373,12 @@
   color: var(--color-gray-1);
   background: black;
   border: 1px solid var(--color-gray-4);
-  opacity: 0.7;
+  opacity: 0.9;
+
+  &:hover {
+    opacity: 1;
+    color: var(--color-white);
+  }
 }
 
 .file-render {

ui/scss/component/_media.scss

@@ -67,7 +67,6 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
-  margin-bottom: var(--spacing-s);
 }
 
 .media__info-text {

ui/scss/component/_wunderbar.scss

@@ -7,6 +7,7 @@
   z-index: 1;
   font-size: var(--font-small);
   height: var(--height-input);
+  max-width: 30rem;
 
   > .icon {
     top: 0;

ui/scss/component/nag.scss

@@ -1,6 +1,6 @@
-$nag-z-index: 9999;
-$nag-helpful-z-index: 10000;
-$nag-error-z-index: 100001;
+$nag-z-index: 997;
+$nag-helpful-z-index: 998;
+$nag-error-z-index: 999;
 
 .nag {
   z-index: $nag-z-index;