fully responsive UI

views/settings.html

@@ -59,7 +59,8 @@
 
     <div class="main-wrapper">
         <header class="top-header">
-            <div style="position: relative;">
+            <button id="hamburger-btn" class="hamburger">☰</button>
+            <div style="position: relative;margin-left: 50px;">
                 <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="position: absolute; left: 15px; top: 50%; transform: translateY(-50%); pointer-events: none; color: var(--text-tertiary);">
                     <circle cx="11" cy="11" r="8"></circle>
                     <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
@@ -103,5 +104,6 @@
             });
         }
     </script>
+    <script src="../src/hamburger.js"></script>
 </body>
 </html>