From 22fa80e204e02ffad8b5a79b1f89127188ff239f Mon Sep 17 00:00:00 2001
From: Mireille Raad <mir.mir@gmail.com>
Date: Mon, 7 Dec 2020 21:08:32 -0500
Subject: [PATCH] notebook resonspive ipad/tablet fixes

---
 wasm/notebook/src/index.ejs | 4 ++--
 wasm/notebook/src/style.css | 9 +++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/wasm/notebook/src/index.ejs b/wasm/notebook/src/index.ejs
index 76140bba0..61b24088e 100644
--- a/wasm/notebook/src/index.ejs
+++ b/wasm/notebook/src/index.ejs
@@ -14,7 +14,7 @@
 <div class="d-flex">
     <div class="header item-center">RustPython 🐍 😱 🤘</div>
     <div>
-        <a target="_blank" class="mr-px-5 text-black" href="https://github.com/RustPython/RustPython/tree/master/wasm/notebook">how this works</a>
+        <a target="_blank" class="d-md-none mr-px-5 text-black" href="https://github.com/RustPython/RustPython/tree/master/wasm/notebook">how this works</a>
         <a target="_blank" class="text-black" href="https://github.com/RustPython/"> github</a>
     </div>
 </div>
@@ -30,7 +30,7 @@
             </div>
             
             <div class="nav-bar-links d-flex">
-                <a href="#" id="split-view" class="bg-light mr-px-5 text-black">split view</a>
+                <a href="#" id="split-view" class="d-md-none bg-light mr-px-5 text-black">split view</a>
                 <a href="#" id="default-view" class="bg-light mr-px-5  text-black">default view</a>
                 <a href="#" id="reader-view" class="bg-light text-black">reader view</a>
             </div>
diff --git a/wasm/notebook/src/style.css b/wasm/notebook/src/style.css
index 7d93b480c..ac39dcb77 100644
--- a/wasm/notebook/src/style.css
+++ b/wasm/notebook/src/style.css
@@ -172,7 +172,7 @@ ul.list-inline li {
 input[type='url'] {
     border: 1px solid black;
     border-radius: 0px;
-    width: 85%;
+    width: 75%;
     font-size: 1rem;
     padding: 4px;
     font-family: monospace;
@@ -241,7 +241,7 @@ input[type='url'] {
     overflow: auto;
 }
 
-@media screen and (max-width: 700px) {
+@media screen and (max-width: 768px) {
     .box {
         width: 70%;
     }
@@ -249,4 +249,9 @@ input[type='url'] {
     .popup {
         width: 70%;
     }
+
+    .d-md-none {
+        display: none;
+    }
+
 }