fix centering of edge-aligned controls

1 files changed, 8 insertions, 4 deletions

diff --git a/css/reveal.css b/css/reveal.css
index 5f549fe..625fe6f 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -400,16 +400,20 @@ body {
     right: auto; }
   .reveal .controls[data-controls-layout="edges"] .navigate-left {
     top: 50%;
-    left: 8px; }
+    left: 8px;
+    margin-top: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-right {
     top: 50%;
-    right: 8px; }
+    right: 8px;
+    margin-top: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-up {
     top: 8px;
-    left: 50%; }
+    left: 50%;
+    margin-left: -1.8em; }
   .reveal .controls[data-controls-layout="edges"] .navigate-down {
     bottom: 8px;
-    left: 50%; } }
+    left: 50%;
+    margin-left: -1.8em; } }
 
 /*********************************************
  * PROGRESS BAR