adjust speaker notes layout on mobile devices

1 files changed, 6 insertions, 0 deletions

diff --git a/css/reveal.css b/css/reveal.css
index a7d2f4a..8784dc1 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -1513,6 +1513,12 @@ body {
     height: 30vh; } }
 
 @media screen and (max-width: 600px) {
+  .reveal.show-notes {
+    max-height: 60vh; }
+  .reveal.show-notes .speaker-notes {
+    top: 60vh;
+    height: 40vh;
+    padding-bottom: 10vh; }
   .reveal .speaker-notes {
     font-size: 14px; } }