From 3270ad70f006258ab258f1d576919ef9068b5def Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fe=CC=81lix=20Pe=CC=81ault?= <hello@flayks.com>
Date: Tue, 14 Jun 2022 13:23:10 +0200
Subject: [PATCH] Adjust sides offset for Switcher and Viewer buttons

---
 src/style/molecules/_switcher.scss |  3 +--
 src/style/pages/_viewer.scss       | 10 +++++-----
 2 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/style/molecules/_switcher.scss b/src/style/molecules/_switcher.scss
index a0b062a..76965e3 100644
--- a/src/style/molecules/_switcher.scss
+++ b/src/style/molecules/_switcher.scss
@@ -9,10 +9,9 @@
     pointer-events: none;
 
     @include bp (sm) {
-        --offset: 20px;
+        --offset: clamp(20px, 3vw, 40px);
     }
     @include bp (md) {
-        --offset: 40px;
         --button-size: 56px;
     }
 
diff --git a/src/style/pages/_viewer.scss b/src/style/pages/_viewer.scss
index d6c2d7e..3322444 100644
--- a/src/style/pages/_viewer.scss
+++ b/src/style/pages/_viewer.scss
@@ -424,14 +424,14 @@
 
     // Close button
     &__close {
+        --offset: 16px;
         position: fixed !important;
         z-index: 2;
-        top: 16px;
-        right: calc(16px + 44px + 12px);
+        top: var(--offset);
+        right: var(--offset);
 
-        @include bp (md) {
-            top: 40px;
-            right: 40px;
+        @include bp (sm) {
+            --offset: clamp(20px, 3vw, 40px);
         }
 
         svg {