feat: card headers, music art/seek, clearer build card

1 files changed, 8 insertions, 4 deletions

diff --git a/static/app.js b/static/app.js
index c6fb06e..c7730e3 100644
--- a/static/app.js
+++ b/static/app.js
@@ -47,13 +47,15 @@ for (const node of loadLayout()) {
 function header(title) {
   const head = document.createElement("div");
   head.className = "panel-head";
+  const dot = document.createElement("span");
+  dot.className = "panel-dot";
   const h = document.createElement("h2");
   h.textContent = title;
   const drag = document.createElement("button");
   drag.className = "panel-drag";
-  drag.textContent = "≡";
+  drag.textContent = "⠿";
   drag.setAttribute("aria-label", "Move panel");
-  head.append(h, drag);
+  head.append(dot, h, drag);
   return head;
 }
 
@@ -70,11 +72,13 @@ function makeCard(name, title) {
   }
   const content = document.createElement("div");
   content.className = "grid-stack-item-content panel";
-  content.append(header(title));
+  const body = document.createElement("div");
+  body.className = "panel-body";
+  content.append(header(title), body);
   item.append(content);
   gridEl.append(item);
   grid.makeWidget(item);
-  return content;
+  return body;
 }
 
 async function mountModule(name) {