Update flare-ui/src/app/components/chat/chat.component.scss

flare-ui/src/app/components/chat/chat.component.scss

@@ -202,13 +202,51 @@
   background: #555;
 }
 
-.stt-checkbox {
-  margin-bottom: 8px;
+.stt-hint {
+  font-size: 12px;
+  color: #666;
   margin-top: 4px;
+  font-style: italic;
 }
 
-.stt-hint {
-  color: #666;
-  font-size: 12px;
-  margin-bottom: 16px;
+.stt-checkbox {
+  margin-top: 16px;
+  
+  &[disabled] {
+    opacity: 0.5;
+  }
+}
+
+.realtime-button {
+  margin-left: 16px;
+  background-color: #4caf50 !important;
+  
+  &:hover {
+    background-color: #45a049 !important;
+  }
+  
+  mat-icon {
+    margin-right: 8px;
+  }
+}
+
+// Real-time indicator animation
+@keyframes pulse {
+  0% {
+    transform: scale(1);
+    opacity: 1;
+  }
+  50% {
+    transform: scale(1.1);
+    opacity: 0.7;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.realtime-indicator {
+  color: #4caf50;
+  animation: pulse 2s infinite;
 }