From a1dd1028a1dc433ae9bb35d36452e12d4d5279d8 Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Mon, 27 May 2019 08:04:58 +0200
Subject: [PATCH] down arrow padding for edge aligned controls

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

diff --git a/css/reveal.css b/css/reveal.css
index 50b14c4..fb47296 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -396,18 +396,18 @@ body {
     right: auto; }
   .reveal .controls[data-controls-layout="edges"] .navigate-left {
     top: 50%;
-    left: 8px;
+    left: 0.8em;
     margin-top: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-right {
     top: 50%;
-    right: 8px;
+    right: 0.8em;
     margin-top: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-up {
-    top: 8px;
+    top: 0.8em;
     left: 50%;
     margin-left: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-down {
-    bottom: 8px;
+    bottom: -0.3em;
     left: 50%;
     margin-left: -1.8em; } }
 
diff --git a/css/reveal.scss b/css/reveal.scss
index ff98311..a7b148c 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -453,7 +453,7 @@ $controlsArrowAngleActive: 36deg;
 // Edge aligned controls layout
 @media screen and (min-width: 500px) {
 
-	$spacing: 8px;
+	$spacing: 0.8em;
 
 	.reveal .controls[data-controls-layout="edges"] {
 		& {
@@ -490,7 +490,7 @@ $controlsArrowAngleActive: 36deg;
 		}
 
 		.navigate-down {
-			bottom: $spacing;
+			bottom: $spacing - $controlArrowSpacing + 0.3em;
 			left: 50%;
 			margin-left: -$controlArrowSize/2;
 		}