From 26d27ddc2030b6d20491549856eeeec3b727c30e Mon Sep 17 00:00:00 2001
From: Brandon Jordan <brandonjordan124@gmail.com>
Date: Mon, 27 May 2024 17:36:13 -0400
Subject: [PATCH] Improve responsiveness of generated code

---
 src/App.vue   | 6 +++---
 src/style.css | 3 +++
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 58f1321..e11a134 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -65,8 +65,8 @@
           </f7-subnavbar>
         </f7-navbar>
 
-        <f7-toolbar position="bottom" style="font-size: .8rem"
-                    :style="!color.identifier ? 'height: 9rem' : 'height: 11rem'">
+        <f7-toolbar position="bottom"
+                    :style="!color.identifier ? 'height: 8rem' : 'height: 9rem'">
           <div v-for="(compiler, name) in compilers"
                class="width-100"
                style="display: flex;align-items: center;justify-content: center;gap: 1rem">
@@ -77,7 +77,7 @@
                 target="_blank">
               {{ compiler.icon }} {{ name }}
             </f7-link>
-            <code class="width-100 display-block" v-html="name === 'Cherri' ? cherriCode : jellyCode"/>
+            <code v-html="name === 'Cherri' ? cherriCode : jellyCode"/>
             <f7-button icon-f7="doc_on_clipboard_fill" icon-size="1.3rem"
                        @click="copyToClipboard(
                            stripTags(
diff --git a/src/style.css b/src/style.css
index 406cbda..391c3cb 100644
--- a/src/style.css
+++ b/src/style.css
@@ -6,6 +6,9 @@ code {
     border-radius: 0.5rem;
     border: 1px solid #333333;
     overflow: scroll;
+    display: block;
+    width: 100%;
+    font-size: .7rem;
 }
 
 code .keyword {