From 3153961c00d83737ec91a09b01db0ef37615c325 Mon Sep 17 00:00:00 2001
From: George Vilches <george.vilches@rusticisoftware.com>
Date: Fri, 15 Oct 2021 09:54:08 -0400
Subject: [PATCH] In course examples, navigation panel should always overlay
 content in the smallest width responsive view.

---
 course_examples/masteryscore_responsive/style/base.css    | 1 +
 course_examples/single_au_basic_responsive/style/base.css | 1 +
 2 files changed, 2 insertions(+)

diff --git a/course_examples/masteryscore_responsive/style/base.css b/course_examples/masteryscore_responsive/style/base.css
index f89a3af..964e5a8 100644
--- a/course_examples/masteryscore_responsive/style/base.css
+++ b/course_examples/masteryscore_responsive/style/base.css
@@ -37,6 +37,7 @@ main {
     box-shadow: inset -2rem 0 2rem -2rem rgb(0 0 0 / 40%);
     overflow-y: auto;
     user-select: none;
+    z-index: 110;
 }
 
 .navcorner {
diff --git a/course_examples/single_au_basic_responsive/style/base.css b/course_examples/single_au_basic_responsive/style/base.css
index f89a3af..964e5a8 100644
--- a/course_examples/single_au_basic_responsive/style/base.css
+++ b/course_examples/single_au_basic_responsive/style/base.css
@@ -37,6 +37,7 @@ main {
     box-shadow: inset -2rem 0 2rem -2rem rgb(0 0 0 / 40%);
     overflow-y: auto;
     user-select: none;
+    z-index: 110;
 }
 
 .navcorner {