From 4fb8e78eb4582a05f73eaf189aa7263381faf87a Mon Sep 17 00:00:00 2001
From: Hakim El Hattab <hakim.elhattab@gmail.com>
Date: Fri, 29 Apr 2016 10:26:44 +0200
Subject: [PATCH] collapse control element size when corner aligned

---
 css/reveal.css  | 7 ++++++-
 css/reveal.scss | 3 +++
 js/reveal.js    | 2 +-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/css/reveal.css b/css/reveal.css
index dfa4e4c..5eeaba7 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -195,7 +195,8 @@ body {
   top: 0;
   right: 0;
   bottom: 0;
-  left: 0; }
+  left: 0;
+  z-index: 1; }
   .reveal .controls button {
     position: absolute;
     padding: 0;
@@ -280,8 +281,10 @@ body {
   .reveal .controls .enabled.fragmented:hover {
     opacity: 1; }
   .reveal .controls[data-controls-placement="bottom-right"] {
+    top: auto;
     bottom: 18px;
     right: 18px;
+    left: auto;
     -webkit-transform: scale(0.85);
             transform: scale(0.85);
     -webkit-transform-origin: 100% 100%;
@@ -306,8 +309,10 @@ body {
     bottom: 0; }
   @media screen and (max-width: 500px) {
     .reveal .controls {
+      top: auto;
       bottom: 18px;
       right: 18px;
+      left: auto;
       -webkit-transform: scale(0.85);
               transform: scale(0.85);
       -webkit-transform-origin: 100% 100%;
diff --git a/css/reveal.scss b/css/reveal.scss
index 15f0d9a..f3a4888 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -260,6 +260,7 @@ body {
 	right: 0;
 	bottom: 0;
 	left: 0;
+	z-index: 1;
 
 	button {
 		position: absolute;
@@ -360,8 +361,10 @@ body {
 
 	@mixin bottom-right-controls() {
 		& {
+			top: auto;
 			bottom: $spacing;
 			right: $spacing;
+			left: auto;
 			transform: scale(0.85);
 			transform-origin: 100% 100%;
 		}
diff --git a/js/reveal.js b/js/reveal.js
index 522d7cb..b584ac3 100644
--- a/js/reveal.js
+++ b/js/reveal.js
@@ -52,7 +52,7 @@
 			// Display controls in the bottom right corner
 			controls: true,
 
-			// Determines where controls appear, either "bottom-right" or "edges"
+			// Determines where controls appear, "edges" or "bottom-right"
 			controlsPlacement: 'edges',
 
 			// De-emphasizes backwards navigation controls