Slight adjustment to overlay buttons

2 years ago · 23c1510455
parent b76213e75d
commit 23c1510455
1 changed files with 8 additions and 1 deletions
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@ -819,10 +819,17 @@ body {
    bottom: 3rem;
    right: 3rem;

+    // on mobile
+    @media screen and (max-width: $device-s-width), (pointer: coarse) {
+        bottom: 1rem;
+        right: 1rem;
+    }
+
    gap: 0.5rem;

    button {
-        padding: 0.8rem;
+        width: 3rem;
+        height: 3rem;

        border-radius: 100%;