From 6ac01281d246310bd2a6ae8b08e98547d4b37903 Mon Sep 17 00:00:00 2001
From: NoriSte <nori.ste.magni@gmail.com>
Date: Sat, 18 May 2019 12:57:35 +0200
Subject: [PATCH] fix the touch devices issues with the down arrow

---
 css/reveal.css  | 5 +++--
 css/reveal.scss | 5 +++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index 91ee6dc3..50b14c47 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -227,7 +227,7 @@ body {
   bottom: 12px;
   right: 12px;
   left: auto;
-  z-index: 1;
+  z-index: 11;
   color: #000;
   pointer-events: none;
   font-size: 10px; }
@@ -312,7 +312,8 @@ body {
               transform: rotate(90deg); }
   .reveal .controls .navigate-down {
     right: 3.2em;
-    bottom: 0;
+    bottom: -1.4em;
+    padding-bottom: 1.4em;
     -webkit-transform: translateY(10px);
             transform: translateY(10px); }
     .reveal .controls .navigate-down .controls-arrow {
diff --git a/css/reveal.scss b/css/reveal.scss
index a6cb9bca..ff983112 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -263,7 +263,7 @@ $controlsArrowAngleActive: 36deg;
 	bottom: $spacing;
 	right: $spacing;
 	left: auto;
-	z-index: 1;
+	z-index: 11;
 	color: #000;
 	pointer-events: none;
 	font-size: 10px;
@@ -355,7 +355,8 @@ $controlsArrowAngleActive: 36deg;
 
 	.navigate-down {
 		right: $controlArrowSpacing + $controlArrowSize/2;
-		bottom: 0;
+		bottom: -$controlArrowSpacing;
+		padding-bottom: $controlArrowSpacing;
 		transform: translateY( 10px );
 
 		.controls-arrow {