From 065e371e08b4e4680f93fa46ee00a93430b15993 Mon Sep 17 00:00:00 2001
From: Roberto Diz <robertodizp@gmail.com>
Date: Mon, 14 Apr 2025 22:11:30 +0200
Subject: [PATCH 1/2] Adjust z-index to prevent overlap with aside panels

---
 src/components/codi-editor/CodiEditor.styles.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/codi-editor/CodiEditor.styles.js b/src/components/codi-editor/CodiEditor.styles.js
index 2f873f6f..96dbac48 100644
--- a/src/components/codi-editor/CodiEditor.styles.js
+++ b/src/components/codi-editor/CodiEditor.styles.js
@@ -10,7 +10,7 @@ export const CodiEditorStyles = css`
     position: absolute;
     right: 16px;
     bottom: 16px;
-    z-index: 10;
+    z-index: 9;
     width: 48px;
     height: 48px;
     object-fit: contain;

From 4009e96e05f0b667cca7a0a4949a5db2854ff4e8 Mon Sep 17 00:00:00 2001
From: Roberto Diz <robertodizp@gmail.com>
Date: Mon, 14 Apr 2025 22:14:34 +0200
Subject: [PATCH 2/2] Use dvh instead of vh for improved viewport handling on
 mobile

---
 src/css/aside.css | 2 +-
 src/style.css     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/css/aside.css b/src/css/aside.css
index 6b0468fc..1c4ee51b 100644
--- a/src/css/aside.css
+++ b/src/css/aside.css
@@ -73,7 +73,7 @@ aside button.is-active {
   color: var(--aside-bar-foreground);
   border-right: 1px solid var(--aside-bar-border);
   width: 310px;
-  height: 100vh;
+  height: 100dvh;
   overflow-y: auto;
   scrollbar-gutter: stable;
 
diff --git a/src/style.css b/src/style.css
index 9d1c2391..f693e1ae 100644
--- a/src/style.css
+++ b/src/style.css
@@ -45,7 +45,7 @@ body{
 
   .aside-bar {
     width: 100%;
-    max-height: calc(100vh - 75px);
+    max-height: calc(100dvh - 49px);
   }
 
   .aside-sections {