diff --git a/src/renderer/views/Popular/Popular.css b/src/renderer/views/Popular/Popular.css index 4255d98b8..a08e05cae 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 76a3d7601..8c2f61968 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 4255d98b8..a08e05cae 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%;