From 78aeb55bc5cbf0f47c7349588aaee6186bf44c60 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 5 Feb 2020 11:42:46 -0500
Subject: [PATCH] clean up css

---
 ui/component/claimPreviewTile/view.jsx |  2 +-
 ui/scss/component/_claim-list.scss     | 44 +++++++++-----------------
 2 files changed, 16 insertions(+), 30 deletions(-)

diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx
index 443b40ca8..fa15acb2a 100644
--- a/ui/component/claimPreviewTile/view.jsx
+++ b/ui/component/claimPreviewTile/view.jsx
@@ -157,7 +157,7 @@ function ClaimPreviewTile(props: Props) {
           {!isChannel && (
             <React.Fragment>
               {/* @if TARGET='app' */}
-              <div className="claim-tile__hover-actions">
+              <div className="claim-preview__hover-actions">
                 <FileDownloadLink uri={canonicalUrl} hideOpenButton />
               </div>
               {/* @endif */}
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 9dbf234f1..8e3df7f33 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -93,20 +93,6 @@
     margin-right: var(--spacing-medium);
   }
 
-  .claim-preview__hover-actions {
-    display: none;
-    position: absolute;
-    top: var(--spacing-miniscule);
-    right: var(--spacing-miniscule);
-
-    & > * {
-      color: var(--color-black);
-      background-color: var(--color-white);
-      padding: var(--spacing-xsmall);
-      border-radius: var(--border-radius);
-    }
-  }
-
   &:hover {
     .claim-preview__hover-actions {
       display: block;
@@ -421,22 +407,8 @@
 }
 
 .claim-preview--tile {
-  .claim-tile__hover-actions {
-    display: none;
-    position: absolute;
-    top: var(--spacing-miniscule);
-    right: var(--spacing-miniscule);
-
-    & > * {
-      color: var(--color-black);
-      background-color: var(--color-white);
-      padding: var(--spacing-xsmall);
-      border-radius: var(--border-radius);
-    }
-  }
-
   &:hover {
-    .claim-tile__hover-actions {
+    .claim-preview__hover-actions {
       display: block;
     }
   }
@@ -458,3 +430,17 @@
   margin: var(--spacing-small);
   margin-bottom: 0;
 }
+
+.claim-preview__hover-actions {
+  display: none;
+  position: absolute;
+  top: var(--spacing-miniscule);
+  right: var(--spacing-miniscule);
+
+  & > * {
+    color: var(--color-black);
+    background-color: var(--color-white);
+    padding: var(--spacing-xsmall);
+    border-radius: var(--border-radius);
+  }
+}