From aa092baec43278ecfde1ae6954485fade08b44c2 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Wed, 22 Jul 2020 16:32:18 -0400
Subject: [PATCH] move claim-grid link to bottom right

---
 ui/page/home/view.jsx              | 21 ++++++++++-----------
 ui/scss/component/_claim-list.scss |  7 +++++++
 2 files changed, 17 insertions(+), 11 deletions(-)

diff --git a/ui/page/home/view.jsx b/ui/page/home/view.jsx
index 483faa4d2..964620ed7 100644
--- a/ui/page/home/view.jsx
+++ b/ui/page/home/view.jsx
@@ -61,21 +61,20 @@ function HomePage(props: Props) {
       {rowData.map(({ title, link, help, options = {} }) => (
         <div key={title} className="claim-grid__wrapper">
           <h1 className="section__actions">
-            {link ? (
-              <Button
-                className="claim-grid__title"
-                button="link"
-                navigate={link}
-                iconRight={ICONS.ARROW_RIGHT}
-                label={title}
-              />
-            ) : (
-              <span className="claim-grid__title">{title}</span>
-            )}
+            <span className="claim-grid__title">{title}</span>
             {help}
           </h1>
 
           <ClaimTilesDiscover {...options} />
+          {link && (
+            <Button
+              className="claim-grid__title--secondary"
+              button="link"
+              navigate={link}
+              iconRight={ICONS.ARROW_RIGHT}
+              label={title}
+            />
+          )}
         </div>
       ))}
     </Page>
diff --git a/ui/scss/component/_claim-list.scss b/ui/scss/component/_claim-list.scss
index a003327bf..4de8d0acb 100644
--- a/ui/scss/component/_claim-list.scss
+++ b/ui/scss/component/_claim-list.scss
@@ -284,6 +284,8 @@
 }
 
 .claim-grid__wrapper {
+  display: flex;
+  flex-direction: column;
   &:not(:first-of-type) {
     margin-top: var(--spacing-l);
   }
@@ -303,6 +305,11 @@
   }
 }
 
+.claim-grid__title--secondary {
+  margin-left: auto;
+  margin-top: calc(var(--spacing-m) * -1);
+}
+
 .claim-grid__help {
   margin-bottom: 12px;