-
Male my code better, enhance it and make the UI easier to use and better.
<!DOCTYPE html>
<html lang="no">
<head>
<meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>Split-flap Admin – Canvas</title>
<style>
html,body{height:100%;margin:0;background:#0f1115;color:#e5e7eb;font-family:system-ui,Segoe UI,Roboto,Inter}
.wrap{display:grid;grid-template-columns:360px 1fr;gap:12px;height:100vh;padding:12px;box-sizing:border-box}
.panel{border:1px solid #1f2330;border-radius:10px;background:#0b0d12;padding:12px;overflow:auto}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
input,select,button,textarea{background:#1f2937;color:#fff;border:1px solid #374151;border-radius:8px;padding:8px}
textarea{width:100%}
button{cursor:pointer}
.small{width:90px} .mid{width:160px} .wide{width:100%}
.badge{padding:4px 8px;border-radius:6px;background:#1b2432;border:1px solid #2a3344}
.mono{font-family:ui-monospace,Consolas,monospace}
.gridwrap{position:relative;background:#0b0f16;border:1px solid #1c2433… -
initial commit
