small style fixes

Author: Piotr

index.html

@@ -8,7 +8,7 @@
   <link
     href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;800&family=Roboto+Mono:wght@300;400;700;800&display=swap"
     rel="stylesheet">
-  <script type="module" src="/public/wasm_exec.js" type="text/javascript"></script>
+  <script type="module" src="/wasm_exec.js" type="text/javascript"></script>
 
 </head>
 

src/breser.ts

@@ -3,7 +3,7 @@
 export const BreserInit = async () => {
     //@ts-expect-error
     const go = new Go();
-    const result = await WebAssembly.instantiateStreaming(fetch("/public/main.wasm"), go.importObject)
+    const result = await WebAssembly.instantiateStreaming(fetch("/main.wasm"), go.importObject)
     go.run(result.instance)
 }
 

src/components/DemoBar.vue

@@ -16,7 +16,8 @@ defineEmits<{
         <button @click="$emit('stop')" :disabled="useMainStore().demoStatus === 'stopped'">Stop</button>
         <button @click="$emit('add')">Add 100 messages</button>
         <button @click="$emit('mode', 'json')" :disabled="useMainStore().demoContent === 'json'">Produce JSON</button>
-        <button @click="$emit('mode', 'string')" :disabled="useMainStore().demoContent === 'string'">Produce string</button>
+        <button @click="$emit('mode', 'string')" :disabled="useMainStore().demoContent === 'string'">Produce
+            string</button>
     </div>
 </template>
 
@@ -27,7 +28,7 @@ defineEmits<{
     }
 
     .layout {
-        height: calc(100vh - 116px) !important;
+        height: calc(100vh - 109px) !important;
     }
 }
 

src/components/Drawer.vue

@@ -119,6 +119,10 @@ const copyToClipboard = (value: string) => {
                     <pre><code>{{ row.msg.origin?.file }}</code></pre>
                 </div>
             </div>
+            <div style="margin-bottom: 80px;">
+                <!-- It's a spacer div, leave it here -->
+                &nbsp;
+            </div>
         </div>
     </div>
 </template>
@@ -127,10 +131,10 @@ const copyToClipboard = (value: string) => {
 .drawer {
     right: 0;
     top: 0;
-    height: calc(100vh - 120px);
+    height: 100%;
     background: var(--hl-bg);
     z-index: 999;
-    opacity: 0.97;
+    opacity: 0.99;
     padding: 10px;
     padding-left: 0px;
     padding-top: 0;
@@ -163,8 +167,9 @@ const copyToClipboard = (value: string) => {
 
     .inner-drawer {
         padding-top: 20px;
-        height: calc(100% - 15px);
+        height: 100%;
         overflow-y: scroll;
+        padding-bottom: 20px;
 
 
         .header {

src/style.css

@@ -128,9 +128,3 @@ button:focus-visible {
 .card {
   padding: 2em;
 }
-
-#app {
-  /* max-width: 1280px; */
-  /* margin: 0 auto; */
-  /* padding: 1rem; */
-}