fix loading icon

src/server/web/static/css/styles.css

@@ -869,10 +869,6 @@ body {
   .process-status {
     gap: 4px;
   }
-
-  .status-text {
-    font-size: 0.8rem;
-  }
 }
 
 @media (max-width: 768px) {
@@ -1441,16 +1437,22 @@ body {
 }
 
 .status-indicator i {
-  font-size: 12px;
+  font-size: 24px; /* 2x bigger: 12px -> 24px */
+  transition: all var(--animation-duration-normal) var(--animation-easing-standard);
 }
 
-.status-text {
-  font-weight: 500;
-  white-space: nowrap;
-  flex-shrink: 0;
-  margin-left: 2px;
+/* Rescan icon specific styling */
+#rescan-status i {
+  color: var(--color-text-disabled); /* Gray when idle */
 }
 
+#rescan-status.running i {
+  color: #22c55e; /* Green when running */
+  animation: iconPulse 2s infinite;
+}
+
+/* Status text removed - using tooltips only */
+
 .status-dot {
   width: 8px;
   height: 8px;
@@ -1472,7 +1474,6 @@ body {
 }
 
 @keyframes pulse {
-
   0%,
   100% {
     opacity: 1;
@@ -1485,6 +1486,19 @@ body {
   }
 }
 
+@keyframes iconPulse {
+  0%,
+  100% {
+    opacity: 1;
+    transform: scale(1) rotate(0deg);
+  }
+
+  50% {
+    opacity: 0.7;
+    transform: scale(1.1) rotate(180deg);
+  }
+}
+
 /* Process status in mobile view */
 @media (max-width: 768px) {
   .process-status {
@@ -1499,12 +1513,8 @@ body {
     gap: 4px;
   }
 
-  .status-text {
-    display: none;
-  }
-
   .status-indicator i {
-    font-size: 14px;
+    font-size: 20px; /* Maintain 2x scale for mobile: was 14px -> 20px */
   }
 }