From ee9fa8c86fd15c8257e4b12bffd59864a6a9e97b Mon Sep 17 00:00:00 2001
From: Michal Budzynski <budziq@gmail.com>
Date: Tue, 13 Jun 2017 16:59:29 +0200
Subject: [PATCH] Fix for playpen buttons missing on mobile safari and chrome
 IOS

---
 src/theme/book.css                | 5 +++++
 src/theme/stylus/themes/base.styl | 1 +
 2 files changed, 6 insertions(+)

diff --git a/src/theme/book.css b/src/theme/book.css
index 970ae36e..6d3db97f 100644
--- a/src/theme/book.css
+++ b/src/theme/book.css
@@ -408,6 +408,7 @@ table thead td {
 }
 .light pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #364149;
@@ -527,6 +528,7 @@ table thead td {
 }
 .coal pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #a1adb8;
@@ -646,6 +648,7 @@ table thead td {
 }
 .navy pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;
@@ -765,6 +768,7 @@ table thead td {
 }
 .rust pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;
@@ -884,6 +888,7 @@ table thead td {
 }
 .ayu pre > .buttons {
   position: absolute;
+  z-index: 100;
   right: 5px;
   top: 5px;
   color: #c8c9db;
diff --git a/src/theme/stylus/themes/base.styl b/src/theme/stylus/themes/base.styl
index 9bc90568..272a3f3f 100644
--- a/src/theme/stylus/themes/base.styl
+++ b/src/theme/stylus/themes/base.styl
@@ -117,6 +117,7 @@
 
         & > .buttons {
             position: absolute;
+            z-index: 100;
             right: 5px;
             top: 5px;