Fix layout

web/src/routes/_layout.svelte

@@ -50,7 +50,7 @@
   }
 
   nav {
-    @apply fixed w-screen h-12 shadow-lg flex flex-row justify-end items-center px-4;
+    @apply fixed w-screen h-12 shadow-lg flex flex-row justify-end items-center px-4 z-10;
     background-color: #0a0d13;
 
     a {

web/src/routes/rules/create.svelte

@@ -68,7 +68,7 @@
   @import "./easymde-style.css";
 
   .viewport {
-    @apply bg-gray-800 rounded-sm px-20 py-5 shadow-lg w-screen;
+    @apply bg-gray-800 rounded-sm px-20 py-5 shadow-lg w-screen pt-10;
     height: 100vh;
   }
 
@@ -89,8 +89,8 @@
   }
 
   :global .CodeMirror-scroll {
-    max-height: calc(90vh - 200px) !important;
-    min-height: calc(90vh - 200px) !important;
+    max-height: calc(90vh - 250px) !important;
+    min-height: calc(90vh - 250px) !important;
   }
 
   @screen lg {
@@ -100,8 +100,8 @@
     }
 
     :global .CodeMirror-scroll {
-      max-height: calc(70vh - 200px) !important;
-      min-height: calc(70vh - 200px) !important;
+      max-height: calc(70vh - 250px) !important;
+      min-height: calc(70vh - 250px) !important;
     }
   }