app adjustments

ui/src/components/StackPresetToolbar.jsx

@@ -8,8 +8,19 @@ export function StackPresetToolbar({
   onSelectedPresetNameChange,
 }) {
   return (
-    <section className="toolbar">
-      <div className="toolbar__group toolbar__group--wide">
+    <div className="panel stack-panel">
+      <div className="panel__header stack-panel__header">
+        <div>
+          <h2>Stack Presets</h2>
+          <p className="muted">Save or recall the current layer chain.</p>
+        </div>
+        <button type="button" className="stack-panel__reload" onClick={() => postJson("/api/reload", {})}>
+          Reload Shader
+        </button>
+      </div>
+
+      <div className="stack-panel__grid">
+      <div className="toolbar__group">
         <label htmlFor="preset-name">Save Stack</label>
         <div className="toolbar__inline">
           <input
@@ -38,7 +49,7 @@ export function StackPresetToolbar({
         </div>
       </div>
 
-      <div className="toolbar__group toolbar__group--wide">
+      <div className="toolbar__group">
         <label htmlFor="preset-select">Recall Stack</label>
         <div className="toolbar__inline">
           <select
@@ -66,10 +77,7 @@ export function StackPresetToolbar({
           </button>
         </div>
       </div>
-
-      <button type="button" onClick={() => postJson("/api/reload", {})}>
-        Reload Shader
-      </button>
-    </section>
+      </div>
+    </div>
   );
 }