From 539b084217e740d849d03719d03d3d77e3c4ea34 Mon Sep 17 00:00:00 2001
From: Jason <84899178+jasonhenriquez@users.noreply.github.com>
Date: Fri, 20 Aug 2021 18:15:33 +0000
Subject: [PATCH] Keep reload buttons' position fixed on scroll (#1573)

* Makes reload buttons' position fixed

* Changes reload buttons' positions to absolute on narrow enough screens

Co-authored-by: Preston <freetubeapp@protonmail.com>
---
 src/renderer/views/Popular/Popular.css             | 8 +++++++-
 src/renderer/views/Subscriptions/Subscriptions.css | 8 +++++++-
 src/renderer/views/Trending/Trending.css           | 8 +++++++-
 3 files changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/renderer/views/Popular/Popular.css b/src/renderer/views/Popular/Popular.css
index 4255d98b..a08e05ca 100644
--- a/src/renderer/views/Popular/Popular.css
+++ b/src/renderer/views/Popular/Popular.css
@@ -5,11 +5,17 @@
 }
 
 .floatingTopButton {
-  position: absolute;
+  position: fixed;
   top: 70px;
   right: 10px;
 }
 
+@media only screen and (max-width: 350px) {
+  .floatingTopButton {
+    position: absolute
+  }
+}
+
 @media only screen and (max-width: 680px) {
   .card {
     width: 90%;
diff --git a/src/renderer/views/Subscriptions/Subscriptions.css b/src/renderer/views/Subscriptions/Subscriptions.css
index 76a3d760..8c2f6196 100644
--- a/src/renderer/views/Subscriptions/Subscriptions.css
+++ b/src/renderer/views/Subscriptions/Subscriptions.css
@@ -9,11 +9,17 @@
 }
 
 .floatingTopButton {
-  position: absolute;
+  position: fixed;
   top: 70px;
   right: 10px;
 }
 
+@media only screen and (max-width: 350px) {
+  .floatingTopButton {
+    position: absolute
+  }
+}
+
 @media only screen and (max-width: 680px) {
   .card {
     width: 90%;
diff --git a/src/renderer/views/Trending/Trending.css b/src/renderer/views/Trending/Trending.css
index 4255d98b..a08e05ca 100644
--- a/src/renderer/views/Trending/Trending.css
+++ b/src/renderer/views/Trending/Trending.css
@@ -5,11 +5,17 @@
 }
 
 .floatingTopButton {
-  position: absolute;
+  position: fixed;
   top: 70px;
   right: 10px;
 }
 
+@media only screen and (max-width: 350px) {
+  .floatingTopButton {
+    position: absolute
+  }
+}
+
 @media only screen and (max-width: 680px) {
   .card {
     width: 90%;