0.10.2-16 Skripte

frontend/src/pages/DashboardPage.jsx

@@ -3080,7 +3080,7 @@ export default function DashboardPage({
 
           {queueCatalog.scripts.length > 0 ? (
             <div className="queue-insert-section">
-              <strong><i className="pi pi-code" /> Skript</strong>
+              <span className="queue-insert-section-label"><i className="pi pi-code" /> Skript</span>
               <div className="queue-insert-options">
                 {queueCatalog.scripts.map((script) => (
                   <button
@@ -3098,7 +3098,7 @@ export default function DashboardPage({
 
           {queueCatalog.chains.length > 0 ? (
             <div className="queue-insert-section">
-              <strong><i className="pi pi-link" /> Skriptkette</strong>
+              <span className="queue-insert-section-label"><i className="pi pi-link" /> Skriptkette</span>
               <div className="queue-insert-options">
                 {queueCatalog.chains.map((chain) => (
                   <button
@@ -3115,21 +3115,25 @@ export default function DashboardPage({
           ) : null}
 
           <div className="queue-insert-section">
-            <strong><i className="pi pi-clock" /> Warten</strong>
-            <div className="queue-insert-wait-row">
-              <InputNumber
-                value={insertWaitSeconds}
-                onValueChange={(e) => setInsertWaitSeconds(e.value ?? 30)}
-                min={1}
-                max={3600}
-                suffix="s"
-                style={{ width: '7rem' }}
-              />
-              <Button
-                label="Einfügen"
-                icon="pi pi-check"
-                onClick={() => void handleAddQueueEntry('wait', { waitSeconds: insertWaitSeconds })}
-              />
+            <span className="queue-insert-section-label"><i className="pi pi-desktop" /> System</span>
+            <div className="queue-insert-options">
+              <div className="queue-insert-system-block">
+                <span className="queue-insert-system-name"><i className="pi pi-clock" /> Warten</span>
+                <InputNumber
+                  value={insertWaitSeconds}
+                  onValueChange={(e) => setInsertWaitSeconds(e.value ?? 30)}
+                  min={1}
+                  max={3600}
+                  suffix="s"
+                  inputStyle={{ width: '4.5rem' }}
+                />
+                <Button
+                  icon="pi pi-check"
+                  size="small"
+                  title="Einfügen"
+                  onClick={() => void handleAddQueueEntry('wait', { waitSeconds: insertWaitSeconds })}
+                />
+              </div>
             </div>
           </div>