Control ui adjsutments

ui/src/components/StackPresetToolbar.jsx

@@ -1,3 +1,5 @@
+import { FolderOpen, RefreshCw, Save } from "lucide-react";
+
 import { postJson } from "../api/controlApi";
 
 export function StackPresetToolbar({
@@ -14,8 +16,13 @@ export function StackPresetToolbar({
           <h3>Stack presets</h3>
           <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
+          type="button"
+          className="button-with-icon stack-panel__reload"
+          onClick={() => postJson("/api/reload", {})}
+        >
+          <RefreshCw size={16} strokeWidth={1.9} aria-hidden="true" />
+          <span>Reload shader</span>
         </button>
       </div>
 
@@ -32,6 +39,7 @@ export function StackPresetToolbar({
             />
             <button
               type="button"
+              className="button-with-icon"
               disabled={!presetName.trim()}
               onClick={() => {
                 const trimmedName = presetName.trim();
@@ -44,7 +52,8 @@ export function StackPresetToolbar({
                 );
               }}
             >
-              Save
+              <Save size={16} strokeWidth={1.9} aria-hidden="true" />
+              <span>Save</span>
             </button>
           </div>
         </div>
@@ -66,6 +75,7 @@ export function StackPresetToolbar({
             </select>
             <button
               type="button"
+              className="button-with-icon"
               disabled={!selectedPresetName}
               onClick={() => {
                 if (selectedPresetName) {
@@ -73,7 +83,8 @@ export function StackPresetToolbar({
                 }
               }}
             >
-              Recall
+              <FolderOpen size={16} strokeWidth={1.9} aria-hidden="true" />
+              <span>Recall</span>
             </button>
           </div>
         </div>