From 7921c0971e0459e6790276f8088d529b18bf9577 Mon Sep 17 00:00:00 2001
From: saltrafael <a657ee92-7eb9-46eb-97d2-6735799df838@aleeas.com>
Date: Wed, 4 Aug 2021 10:45:24 -0300
Subject: [PATCH] Improve style

---
 ui/component/claimPreview/view.jsx     | 2 ++
 ui/component/claimPreviewTile/view.jsx | 2 ++
 ui/scss/component/_claim-list.scss     | 2 +-
 3 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/ui/component/claimPreview/view.jsx b/ui/component/claimPreview/view.jsx
index 1ffb959f2..0578e81dd 100644
--- a/ui/component/claimPreview/view.jsx
+++ b/ui/component/claimPreview/view.jsx
@@ -366,6 +366,8 @@ const ClaimPreview = forwardRef<any, {}>((props: Props, ref: any) => {
                       {isPlayable && (
                         <FileWatchLaterLink focusable={false} uri={uri} />
                       )}
+                    </div>
+                    <div className="claim-preview__hover-actions">
                       {/* @if TARGET='app' */}
                       {claim && !isCollection && (
                         <FileDownloadLink focusable={false} uri={canonicalUrl} hideOpenButton hideDownloadStatus />
diff --git a/ui/component/claimPreviewTile/view.jsx b/ui/component/claimPreviewTile/view.jsx
index 72d279981..e9cf16805 100644
--- a/ui/component/claimPreviewTile/view.jsx
+++ b/ui/component/claimPreviewTile/view.jsx
@@ -212,6 +212,8 @@ function ClaimPreviewTile(props: Props) {
                 {isPlayable && (
                   <FileWatchLaterLink focusable={false} uri={uri} />
                 )}
+              </div>
+              <div className="claim-preview__hover-actions">
                 {/* @if TARGET='app' */}
                 {isStream && (
                   <FileDownloadLink focusable={false} uri={canonicalUrl} hideOpenButton />
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index 52e1c2b58..e2c8b93a7 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -672,7 +672,7 @@
   position: relative;
   float: right;
   top: var(--spacing-xxs);
-  right: var(--spacing-xxs);
+  margin-right: var(--spacing-xxs);
 
   & > * {
     color: var(--color-text);