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%;