From 6e79aa49504bf5bc7ac5528ca4e85b653addf33a Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Fri, 18 Feb 2022 17:52:30 +0100
Subject: [PATCH 1/2] Adjust channel wrapper spacing on file page on mobile

---
 ui/scss/component/_main.scss | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/ui/scss/component/_main.scss b/ui/scss/component/_main.scss
index 600e2b6bf1b..4e98e798cb2 100644
--- a/ui/scss/component/_main.scss
+++ b/ui/scss/component/_main.scss
@@ -190,6 +190,20 @@ body {
             align-items: unset;
           }
         }
+        .claim-preview-info {
+          margin-top: 2px;
+          margin-bottom: -2px;
+          .claim-preview__title {
+            span {
+              font-size: var(--font-small);
+            }
+          }
+        }
+        .claim-tile__info {
+          .media__subtitle {
+            margin-bottom: 1px;
+          }
+        }
       }
     }
   }

From 4c27d6673fa6150bb524759c86b02e2fdc367190 Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Fri, 18 Feb 2022 17:56:39 +0100
Subject: [PATCH 2/2] Fix following button on channel page on mobile in guest
 mode

---
 ui/scss/component/_channel.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/ui/scss/component/_channel.scss b/ui/scss/component/_channel.scss
index 7b24fa22321..4691236ab0b 100644
--- a/ui/scss/component/_channel.scss
+++ b/ui/scss/component/_channel.scss
@@ -18,6 +18,13 @@ $actions-z-index: 2;
       &:hover {
         color: var(--color-primary) !important;
       }
+      @media (max-width: $breakpoint-small) {
+        .button__label {
+          div:first-of-type {
+            top: 50% !important;
+          }
+        }
+      }
     }
     .button-following:last-of-type {
       margin-left: 2px;