From 745148c2dcc8453fe5dc48e68b565ce9a0bd885d Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Fri, 18 Feb 2022 09:15:56 +0100
Subject: [PATCH] Fix 'Find new channels' page on mobile

---
 ui/component/userChannelFollowIntro/view.jsx |  1 +
 ui/scss/init/_gui.scss                       | 17 +++++++++++++++++
 2 files changed, 18 insertions(+)

diff --git a/ui/component/userChannelFollowIntro/view.jsx b/ui/component/userChannelFollowIntro/view.jsx
index 8ac68e7df..517f846da 100644
--- a/ui/component/userChannelFollowIntro/view.jsx
+++ b/ui/component/userChannelFollowIntro/view.jsx
@@ -65,6 +65,7 @@ function UserChannelFollowIntro(props: Props) {
 
   return (
     <Card
+      className="channelsToFollow-wrapper"
       title={__('Find channels to follow')}
       subtitle={__(
         '%SITE_NAME% works better if you find and follow a couple creators you like. You can also block channels you never want to see.',
diff --git a/ui/scss/init/_gui.scss b/ui/scss/init/_gui.scss
index 811572ae0..31982f31d 100644
--- a/ui/scss/init/_gui.scss
+++ b/ui/scss/init/_gui.scss
@@ -1045,6 +1045,23 @@ img {
   }
 }
 
+.channelsToFollow-wrapper {
+  margin-top: var(--spacing-l);
+
+  .claim-preview__wrapper--channel {
+    .claim-preview--channel {
+      a {
+        .button__content {
+          align-items: unset;
+        }
+      }
+    }
+    .menu__button {
+      right: var(--spacing-xs);
+    }
+  }
+}
+
 // Temporary master classes
 .date_time {
   font-size: var(--font-xsmall);