From 9386cc678f2c040ce9b7f19cf851f73398ab8ee5 Mon Sep 17 00:00:00 2001
From: zeppi <jessopb@gmail.com>
Date: Mon, 25 Apr 2022 09:23:21 -0400
Subject: [PATCH] fix collection link

---
 .../collectionContentSidebar/view.jsx         | 25 ++++++++-----------
 ui/scss/component/_main.scss                  |  2 +-
 2 files changed, 12 insertions(+), 15 deletions(-)

diff --git a/ui/component/collectionContentSidebar/view.jsx b/ui/component/collectionContentSidebar/view.jsx
index 0ff4eeec9..9ae62a1fb 100644
--- a/ui/component/collectionContentSidebar/view.jsx
+++ b/ui/component/collectionContentSidebar/view.jsx
@@ -10,7 +10,6 @@ import Card from 'component/common/card';
 import Button from 'component/button';
 import * as PAGES from 'constants/pages';
 import * as COLLECTIONS_CONSTS from 'constants/collections';
-import Icon from 'component/common/icon';
 import * as ICONS from 'constants/icons';
 
 type Props = {
@@ -61,19 +60,17 @@ export default function CollectionContent(props: Props) {
       className="file-page__playlist-collection"
       title={
         <>
-          <a href={`/$/${PAGES.LIST}/${id}`}>
-            <span className="file-page__playlist-collection__row">
-              <Icon
-                icon={
-                  (id === COLLECTIONS_CONSTS.WATCH_LATER_ID && ICONS.TIME) ||
-                  (id === COLLECTIONS_CONSTS.FAVORITES_ID && ICONS.STAR) ||
-                  ICONS.STACK
-                }
-                className="icon--margin-right"
-              />
-              {collectionName}
-            </span>
-          </a>
+          <Button
+            button="link"
+            className="file-page__playlist-collection__row"
+            navigate={`/$/${PAGES.LIST}/${id}`}
+            icon={
+              (id === COLLECTIONS_CONSTS.WATCH_LATER_ID && ICONS.TIME) ||
+              (id === COLLECTIONS_CONSTS.FAVORITES_ID && ICONS.STAR) ||
+              ICONS.STACK
+            }
+            label={collectionName}
+          />
           <span className="file-page__playlist-collection__row">
             <Button
               button="alt"
diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 6dde9445a..d96af4dca 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -332,7 +332,7 @@ body {
 
       &:nth-child(2) {
         display: flex;
-        margin-top: calc(var(--spacing-m) * -1 - 10px);
+        //margin-top: calc(var(--spacing-m) * -1 - 10px);
         .button {
           flex: auto;
           .button__content {