From d7a34914d7541cd69a1e0cd610e2992666d30281 Mon Sep 17 00:00:00 2001
From: kazachilo <kazachilo@gymnasticstuff.uk>
Date: Fri, 4 Jul 2025 12:30:24 +0300
Subject: [PATCH] =?UTF-8?q?fix:=20=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B8?=
 =?UTF-8?q?=D0=B2=D0=BD=D0=B0=D1=8F=20=D0=B2=D0=B5=D1=80=D1=81=D1=82=D0=BA?=
 =?UTF-8?q?=D0=B0=20=D0=BE=D0=BD=D0=B1=D0=BE=D1=80=D0=B4=D0=B8=D0=BD=D0=B3?=
 =?UTF-8?q?=D0=B0=20=D0=B8=20=D1=81=D0=BA=D1=80=D1=8B=D1=82=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D1=80=D0=B5=D0=B4=D0=B0?=
 =?UTF-8?q?=D0=BA=D1=82=D0=B8=D1=80=D0=BE=D0=B2=D0=B0=D0=BD=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/screens/Gallery.module.css                |  3 +-
 .../onboarding/OnboardingHowTo.module.css     | 47 +++++++++++++++++++
 .../onboarding/OnboardingWelcome.module.css   | 24 ++++++++++
 3 files changed, 73 insertions(+), 1 deletion(-)

diff --git a/src/screens/Gallery.module.css b/src/screens/Gallery.module.css
index 6a62e93..2eb3ad6 100644
--- a/src/screens/Gallery.module.css
+++ b/src/screens/Gallery.module.css
@@ -131,7 +131,7 @@
   border: none;
   border-radius: 50%;
   z-index: 2;
-  display: flex;
+  display: none;
   align-items: center;
   justify-content: center;
   font-size: 18px;
@@ -140,6 +140,7 @@
   box-shadow: 0 1px 4px rgba(0,0,0,0.12);
   outline: none;
   padding: 0;
+  pointer-events: none;
 }
 .editButton:active {
   background: rgba(0,0,0,0.8);
diff --git a/src/screens/onboarding/OnboardingHowTo.module.css b/src/screens/onboarding/OnboardingHowTo.module.css
index 442f9f9..43f97f6 100644
--- a/src/screens/onboarding/OnboardingHowTo.module.css
+++ b/src/screens/onboarding/OnboardingHowTo.module.css
@@ -234,3 +234,50 @@
   text-decoration: underline;
   cursor: pointer;
 }
+
+@media (max-height: 600px) {
+  .imageBlock {
+    margin-top: 0;
+  }
+  .image {
+    margin-top: -15vh;
+  }
+  .list {
+    margin-bottom: 12px;
+  }
+  .progress {
+    margin: 12px 0;
+  }
+  .checkboxRow {
+    margin-bottom: 4px;
+  }
+}
+
+@media (max-height: 568px) {
+  .image {
+    margin-top: -20vh;
+  }
+  .title {
+    font-size: 22px;
+    margin-bottom: 8px;
+  }
+  .list {
+    font-size: 15px;
+    margin-bottom: 8px;
+  }
+  .progress {
+    margin: 8px 0;
+  }
+}
+
+@media (max-height: 520px) {
+  .image {
+    margin-top: -25vh;
+  }
+}
+
+@media (max-height: 480px) {
+  .image {
+    margin-top: -30vh;
+  }
+}
diff --git a/src/screens/onboarding/OnboardingWelcome.module.css b/src/screens/onboarding/OnboardingWelcome.module.css
index 3cb1924..43bd05f 100644
--- a/src/screens/onboarding/OnboardingWelcome.module.css
+++ b/src/screens/onboarding/OnboardingWelcome.module.css
@@ -201,3 +201,27 @@
     margin-top: 8px;
   }
 }
+
+@media (max-height: 600px) {
+  .image {
+    margin-top: -20vh;
+  }
+  .textContent {
+    padding-bottom: 8px;
+  }
+  .bottomContent {
+    margin-top: 8px;
+  }
+}
+
+@media (max-height: 520px) {
+  .image {
+    margin-top: -35vh;
+  }
+}
+
+@media (max-height: 480px) {
+  .image {
+    margin-top: -45vh;
+  }
+}