fix layout

js/index.js

@@ -84,7 +84,7 @@ saveHtmlButton.onclick = async (ev) => {
     const js = editor.getValue()
         .split("\n")
         .map((line) => " ".repeat(12) + line).join("\n");
-    let lib = await (await fetch("./lib.js")).text();
+    let lib = await (await fetch("./js/lib.js")).text();
     lib = minifyJs(lib);
 
     const html = `

style.css

@@ -16,18 +16,19 @@ main {
     display: flex;
     flex-direction: row;
     height: 100vh;
+    padding: 32px;
     gap: 32px;
 }
 
 .section-header {
-    background-color: white;
+    background-color: #BDBDBD;
     border-top-left-radius: 8px;
     border-top-right-radius: 8px;
     border: 1px solid light-dark(#bdbdbd, #222);
     padding: 4px;
     padding-left: 8px;
     font-family: sans-serif;
-    color: #747474;
+    color: #424242;
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
 }
 
@@ -75,9 +76,7 @@ div#buttons > * > button {
     gap: 5px;
     justify-content: space-evenly;
     align-items: flex-start;
-    padding: 32px;
     gap: 32px;
-    height: 100vh;
     flex: 1;
 }