Start fixing arrow navigation position

Change-Id: I0ebdd53cdbd9439e5d8d404ddf1f92b29cc64b3d
diff --git a/ci/screenshot b/ci/screenshot
index 9963559..4cf8911 100755
--- a/ci/screenshot
+++ b/ci/screenshot
@@ -13,10 +13,10 @@
     headless: "new",
     args: ['--no-sandbox'],
     defaultViewport: {
-      width: 1024,
-      height: 600,
+      width: 1920,
+      height: 1080,
       isLandscape: true,
-      deviceScaleFactor: 1
+      deviceScaleFactor: 0.5
     }
   });
 
diff --git a/inst/reveal.js-4.6.1/css/theme/source/ids.scss b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
index 8629350..8cb1b83 100644
--- a/inst/reveal.js-4.6.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
@@ -158,15 +158,16 @@
 .reveal .slide-number {
   position: absolute;
   display: block;
-  right: 48px;
-  bottom: 32px;
+  right: 44px;
+  bottom: 23px;
   z-index: 31;
   font-family: Fira Sans, sans-serif;
   font-size: 18px;
   line-height: 1;
   background-color: white;
   color: #666;
-  padding: 5px;
+  padding: 0;
+  text-align: right;
 }
 
 .reveal .title-frame .slide-number {
@@ -214,6 +215,14 @@
   }
 }
 
+.reveal .controls .controls-arrow {
+  position: relative;
+  width: 3.6em;
+  height: 3.6em;
+  bottom: -12px;
+  right: -4px;
+}
+
 .reveal h3, h4, h5, h6 {
   text-transform: none !important;
 }
@@ -351,4 +360,5 @@
 
 .reveal code.sourceCode:last-child + pre {
   height: 800px !important;
-}
\ No newline at end of file
+}
+
diff --git a/inst/reveal.js-4.6.1/dist/theme/ids.css b/inst/reveal.js-4.6.1/dist/theme/ids.css
index ac4e75e..f86f7e2 100644
--- a/inst/reveal.js-4.6.1/dist/theme/ids.css
+++ b/inst/reveal.js-4.6.1/dist/theme/ids.css
@@ -455,15 +455,16 @@
 .reveal .slide-number {
   position: absolute;
   display: block;
-  right: 48px;
-  bottom: 32px;
+  right: 44px;
+  bottom: 23px;
   z-index: 31;
   font-family: Fira Sans, sans-serif;
   font-size: 18px;
   line-height: 1;
   background-color: white;
   color: #666;
-  padding: 5px;
+  padding: 0;
+  text-align: right;
 }
 
 .reveal .title-frame .slide-number {
@@ -510,6 +511,14 @@
     bottom: 2% !important;
   }
 }
+.reveal .controls .controls-arrow {
+  position: relative;
+  width: 3.6em;
+  height: 3.6em;
+  bottom: -12px;
+  right: -4px;
+}
+
 .reveal h3, h4, h5, h6 {
   text-transform: none !important;
 }