From 41f4f11155f3f4dc4d7123495c593a92c05f3b37 Mon Sep 17 00:00:00 2001
From: Evgeny Poberezkin <2769109+epoberezkin@users.noreply.github.com>
Date: Tue, 8 Nov 2022 16:43:04 +0000
Subject: [PATCH] website: fix popups and blog bullets

---
 website/src/blog.html    |  4 +++-
 website/src/css/blog.css |  4 +++-
 website/src/js/script.js | 21 ++++++++++++---------
 3 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/website/src/blog.html b/website/src/blog.html
index 617675860e..49b415afd9 100644
--- a/website/src/blog.html
+++ b/website/src/blog.html
@@ -10,13 +10,15 @@ active_blog: true
     <style>
         #blog-list ul li {
             list-style: disc;
+            margin-right: 0;
+            margin-left: 0;
         }
         #blog-list ul {
             list-style-position: inside;
             overflow: auto;
         }
         #blog-list ul li {
-            -webkit-margin-start: 1rem;
+            -webkit-margin-start: 1.1rem;
             color: #000;
         }
         .dark #blog-list ul li {
diff --git a/website/src/css/blog.css b/website/src/css/blog.css
index d2153e3365..528620c19e 100644
--- a/website/src/css/blog.css
+++ b/website/src/css/blog.css
@@ -97,7 +97,9 @@ section.container>div>p:nth-child(2) {
 
 #article ul li,
 #article ol li {
-  -webkit-margin-start: 1rem;
+  margin-right: 0;
+  margin-left: 0;
+  -webkit-margin-start: 1.1rem;;
   color: #000;
 }
 
diff --git a/website/src/js/script.js b/website/src/js/script.js
index 9011e2e1a1..4c392b7a94 100644
--- a/website/src/js/script.js
+++ b/website/src/js/script.js
@@ -16,6 +16,11 @@ const uniqueSwiper = new Swiper('.unique-swiper', {
     },
 });
 
+const isMobile = {
+    Android: () => navigator.userAgent.match(/Android/i),
+    iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
+};
+
 const privateSwiper = new Swiper('.private-swiper', {
     slidesPerView: 1,
     spaceBetween: 20,
@@ -67,15 +72,18 @@ const simplexExplainedSwiper = new Swiper(".simplex-explained-swiper", {
 function closeOverlay (e) {
     e.target.closest('.overlay').classList.remove('flex');
     e.target.closest('.overlay').classList.add('hidden');
-    document.body.classList.toggle('lock-scroll');
+    document.body.classList.remove('lock-scroll');
 }
 
 window.addEventListener('click', clickHandler)
-window.addEventListener('touchstart', clickHandler)
+
+if (isMobile.iOS) {
+    for (const btn of document.getElementsByClassName("close-overlay-btn")) {
+        btn.addEventListener("touchend", (e) => setTimeout(() => closeOverlay(e), 100))
+    }
+}
 
 function clickHandler(e) {
-    console.log(e)
-    e.stopPropagation()
     if (e.target.closest('.card')) {
         e.target.closest('.card').classList.toggle('card-active');
         e.target.closest('.card').classList.toggle('no-hover');
@@ -105,11 +113,6 @@ function clickHandler(e) {
     }
 }
 
-const isMobile = {
-    Android: () => navigator.userAgent.match(/Android/i),
-    iOS: () => navigator.userAgent.match(/iPhone|iPad|iPod/i)
-};
-
 window.addEventListener('load', () => {
     const googlePlayBtn = document.querySelector('.google-play-btn');
     const appleStoreBtn = document.querySelector('.apple-store-btn');