refactor: Imporve UI

Author: prodeveloper0

static/index.html

@@ -9,7 +9,6 @@
             font-family: 'Roboto', sans-serif;
             margin: 0;
             padding: 0;
-            background-color: black;
             min-height: 100vh;
         }
 
@@ -91,18 +90,10 @@
             margin: 5px 0;
         }
 
-        .flag {
-            position: fixed;
-            top: 10px;
-            left: 10px;
-            width: 50px;
-            height: auto;
-            z-index: 1000;
-        }
-
         #console {
             width: 100%;
-            height: 300px;
+            height: 20%;
+            overflow: auto;
             font-family: monospace;
             text-align: left;
         }
@@ -128,6 +119,11 @@
         }
 
         document.addEventListener('DOMContentLoaded', () => {
+            // Fix max-width of console container
+            const element = document.getElementById('console');
+            const currentWidth = element.offsetWidth;
+            element.style.maxWidth = `${currentWidth}px`;
+
             const exploitButton = document.getElementById('exploit-button');
             exploitButton.onclick = () => {
                 import('./payload.js');
@@ -175,17 +171,16 @@ <h1>PSFree-Luckfox Web Dashboard for PS4 9.00</h1>
             <h2> ★ v1.1.1 ★ </h2>
         </header>
         <main>
-            <div id='output' class='output' hidden>
-            </div>
+            <div id='output' class='output' hidden></div>
             <div class='button-group'>
                 <button id='exploit-button' name='run_psfree_lapse' class='button'><i class='fas fa-play'></i> Exploit</button>
                 <button id='payloads-900-button' name='payloads_900' class='button'><i class='fas fa-play'></i> 9.00 Payloads</button>
             </div>
             <div class='button-group'>
                 <button id='shutdown-button' name='shutdown' class='button'><i class='fas fa-power-off'></i> Shutdown Luckfox</button>
                 <button id='disable-eth0-button' name='eth0' class='button'><i class='fas fa-network-wired'></i> Disable Eth0</button>
-            <pre id='console'></pre>
         </main>
+        <pre id='console'></pre>
         <footer>
             <p>by <a href='https://github.com/prodeveloper0/PSFree-Luckfox'>@prodeveloper0</a></p>
             <p>credits: