style(task-tray): use a plain loader spinner for running tasks

Drop the indeterminate progress bar in favor of a simple loader: running
tasks now use the fa-circle-o-notch spinner (clearer 'loading' read than
the refresh arrows). Keeps the running indicator minimal.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

Author: elibosley

emhttp/plugins/dynamix/include/DefaultPageLayout/BodyInlineJS.php

@@ -284,7 +284,7 @@ function trayRender() {
     if (t.status=='done' || t.status=='error') finished++;
     var show = "<a class='op-act' onclick='foregroundTask(\""+t.id+"\")' title=\"<?=_('Show')?>\"><i class='fa fa-window-maximize fa-fw'></i></a>";
     if (t.status=='running') {
-      icon = "<i class='fa fa-refresh fa-spin fa-fw'></i>";
+      icon = "<i class='fa fa-circle-o-notch fa-spin fa-fw'></i>";
       actions = show + "<a class='op-act' onclick='confirmAbortTask(\""+t.id+"\")' title=\"<?=_('Abort')?>\"><i class='fa fa-stop-circle fa-fw'></i></a>";
     } else if (t.status=='queued') {
       icon = "<i class='fa fa-clock-o fa-fw'></i>";

emhttp/plugins/dynamix/styles/default-base.css

@@ -1936,27 +1936,6 @@ label.checkbox input:disabled ~ .checkmark {
 .op-tray .op-task.op-done  { border-left-color: var(--green-800); }
 .op-tray .op-task.op-error { border-left-color: var(--red-600); }
 .op-tray .op-task.op-queued { border-left-color: var(--gray-500); }
-/* Indeterminate progress bar sweeping along the bottom of a running task so it
-   clearly reads as still active (these ops don't report a real percentage). */
-.op-tray .op-task.op-running { position: relative; overflow: hidden; }
-.op-tray .op-task.op-running::after {
-    content: '';
-    position: absolute;
-    left: 0;
-    bottom: 0;
-    height: 2px;
-    width: 35%;
-    background-color: var(--brand-orange);
-    border-radius: 2px;
-    animation: op-running-bar 1.3s ease-in-out infinite;
-}
-@keyframes op-running-bar {
-    0%   { transform: translateX(-110%); }
-    100% { transform: translateX(390%); }
-}
-@media (prefers-reduced-motion: reduce) {
-    .op-tray .op-task.op-running::after { animation: none; left: 0; width: 100%; opacity: .35; }
-}
 .op-tray .op-icon { flex: 0 0 auto; }
 .op-tray .op-title {
     flex: 1 1 auto;