fixing css

index.html

@@ -11,6 +11,10 @@
 
     body {
       background-color: #111827;
+			overflow: hidden;
+			position: fixed;
+			width: 100vw;
+			height: 100vh;
       margin: 0;
       padding: 0;
     }
@@ -21,7 +25,8 @@
  
     .cm-editor {
       width: 100%;
-      max-height: 100vh;
+      max-height: 90vh;
+
     }
 
     .cm-scroller {
@@ -81,8 +86,8 @@
 
     <div id="documentation" class="hidden">
       <div id="documentation-page" class="flex flex-row">
-        <aside class="h-screen w-50 p-1 lg:p-8 h-100 bg-neutral-900 text-white">
-          <nav class="space-y-8 text-xl sm:text-sm">
+        <aside class="h-fit p-1 lg:p-8 bg-neutral-900 text-white">
+          <nav class="space-y-0 text-xl sm:text-sm">
             <div class="space-y-2">
               <h2 class="font-semibold text-gray-400">Basics</h2>
               <div class="flex flex-col">
@@ -200,15 +205,13 @@
         </div>
       </div>
 
-      <div class="flex flex-row">
+      <div class="flex flex-row max-h-fit">
 
-				<!-- This is a lateral bar that will inherit the header buttons
-					if the window is too small.
-				-->
+				<!-- This is a lateral bar that will inherit the header buttons if the window is too small. -->
         <aside class="
 					flex flex-col items-center w-14
 					h-screen py-2 overflow-y-hidden
-					border-r rtl:border-l
+					border-r rtl:border-l max-h-fit
 					rtl:border-r-0 bg-neutral-900
 					dark:border-neutral-700 border-none"
 				>