fix controls spanning full width at bottom

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
King Omar 2026-07-19 22:35:57 +10:00
parent c8be1d679e
commit 6c2c16afbe

View file

@ -46,12 +46,19 @@
body {
height: 100vh;
display: flex;
flex-direction: column;
font-family: 'Roboto Mono', monospace;
background: var(--bg);
color: var(--fg);
overflow: hidden;
}
.top-row {
display: flex;
flex: 1;
overflow: hidden;
}
/* ── Left sidebar ── */
.sidebar {
width: 220px;
@ -390,6 +397,7 @@
</head>
<body>
<div class="top-row">
<!-- Left sidebar -->
<div class="sidebar" id="sidebar">
<div class="sidebar-top">
@ -422,6 +430,7 @@
<canvas id="drawing-canvas"></canvas>
</div>
</div>
</div><!-- end .top-row -->
<!-- Drawing controls -->
<div class="draw-controls" id="draw-controls">