From ca6ce23494e58ab96962032074ca604c48f5cb46 Mon Sep 17 00:00:00 2001
From: Sean Yesmunt <sean@lbry.io>
Date: Tue, 10 Nov 2020 01:10:22 -0500
Subject: [PATCH] fix nudge mobile styling

---
 ui/scss/component/_media.scss | 1 +
 ui/scss/component/_nudge.scss | 6 +++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/scss/component/_media.scss b/ui/scss/component/_media.scss
index cb2fdcadd..a68fdf272 100644
--- a/ui/scss/component/_media.scss
+++ b/ui/scss/component/_media.scss
@@ -134,6 +134,7 @@
 }
 
 .media__actions {
+  position: relative;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
diff --git a/ui/scss/component/_nudge.scss b/ui/scss/component/_nudge.scss
index edcfbfa78..b03f6edc8 100644
--- a/ui/scss/component/_nudge.scss
+++ b/ui/scss/component/_nudge.scss
@@ -2,7 +2,7 @@
   z-index: 3;
   position: absolute;
   left: 0;
-  top: calc(var(--height-button) + var(--spacing-s));
+  top: 4rem;
   white-space: normal;
   overflow: visible;
   padding: var(--spacing-m);
@@ -17,6 +17,10 @@
     }
   }
 
+  @media (min-width: $breakpoint-small) {
+    top: calc(var(--height-button) + var(--spacing-s));
+  }
+
   &::after {
     content: '';
     position: absolute;