From 6f1bcf6079c35a51f6a96dfbf8f3789b61f18b0d Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 7 Jul 2024 16:55:40 +0300
Subject: [PATCH] jwt-decoder: Fix layout on mobile

---
 src/lib/components/two-column-view.svelte |  1 +
 src/routes/jwt-decoder/+page.svelte       | 13 +++++++++----
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/two-column-view.svelte b/src/lib/components/two-column-view.svelte
index b64a521..fa1e0f4 100644
--- a/src/lib/components/two-column-view.svelte
+++ b/src/lib/components/two-column-view.svelte
@@ -63,6 +63,7 @@
     .inner-wrapper {
         flex-grow: 1;
         position: relative;
+        display: flex;
     }
 
     @media (min-width: 920px) {
diff --git a/src/routes/jwt-decoder/+page.svelte b/src/routes/jwt-decoder/+page.svelte
index 26ce0ff..66c4cfb 100644
--- a/src/routes/jwt-decoder/+page.svelte
+++ b/src/routes/jwt-decoder/+page.svelte
@@ -88,21 +88,26 @@
         flex-grow: 1;
         display: flex;
         flex-direction: column;
-        height: 100%;
     }
-
+    
     textarea {
         flex-grow: 1;
         border: 0;
     }
-
+    
     .codemirror-outer-wrapper {
         position: relative;
         flex-grow: 1;
         height: 100%;
     }
-
+    
     .codemirror-outer-wrapper.header {
         min-height: 9em;
     }
+    
+    @media (min-width: 920px) {
+        div[slot="right"] {
+            height: 100%;
+        }
+    }
 </style>
\ No newline at end of file