From a13d6a65529583a1aeddc4b0c5b7aa96f465325d Mon Sep 17 00:00:00 2001
From: KatvonRivia <katvonrivia@gmail.com>
Date: Thu, 3 Jun 2021 12:50:17 +0200
Subject: [PATCH] fix(mobile): hide overflow, move layer selector to top

---
 .../components/layers/layer-selector/layer-selector.styl        | 2 +-
 src/scripts/components/layers/time-slider/time-slider.styl      | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/scripts/components/layers/layer-selector/layer-selector.styl b/src/scripts/components/layers/layer-selector/layer-selector.styl
index 24996e0e9..117a205cf 100644
--- a/src/scripts/components/layers/layer-selector/layer-selector.styl
+++ b/src/scripts/components/layers/layer-selector/layer-selector.styl
@@ -4,7 +4,7 @@
   position: absolute
   top: 0
   right: 0
-  z-index: 3
+  z-index: 4
   min-width: emCalc(300px)
   max-width: emCalc(500px)
   width: 33%
diff --git a/src/scripts/components/layers/time-slider/time-slider.styl b/src/scripts/components/layers/time-slider/time-slider.styl
index 50831d46b..070ad5f62 100644
--- a/src/scripts/components/layers/time-slider/time-slider.styl
+++ b/src/scripts/components/layers/time-slider/time-slider.styl
@@ -30,6 +30,7 @@ compareThumb()
   left: 0
   display: flex
   justify-content: center
+  overflow: hidden
   padding: emCalc(50px) 0
   width: 100%
   background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%)