From 3522066867a6f4e15bde545c98330ca169131735 Mon Sep 17 00:00:00 2001
From: SergeantPanda <chester.cullen@gmail.com>
Date: Tue, 10 Jun 2025 10:17:28 -0500
Subject: [PATCH] Changed some badge colors and added tooltips.

---
 frontend/src/pages/Stats.jsx | 50 ++++++++++++++++++++++--------------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/frontend/src/pages/Stats.jsx b/frontend/src/pages/Stats.jsx
index fea8653e..ce77f9e8 100644
--- a/frontend/src/pages/Stats.jsx
+++ b/frontend/src/pages/Stats.jsx
@@ -478,37 +478,49 @@ const ChannelCard = ({ channel, clients, stopClient, stopChannel, logos, channel
         {/* Add stream information badges */}
         <Group gap="xs" mt="xs">
           {channel.resolution && (
-            <Badge size="sm" variant="light" color="green">
-              {channel.resolution}
-            </Badge>
+            <Tooltip label="Video resolution">
+              <Badge size="sm" variant="light" color="red">
+                {channel.resolution}
+              </Badge>
+            </Tooltip>
           )}
           {channel.source_fps && (
-            <Badge size="sm" variant="light" color="orange">
-              {channel.source_fps} FPS
-            </Badge>
+            <Tooltip label="Source frames per second">
+              <Badge size="sm" variant="light" color="orange">
+                {channel.source_fps} FPS
+              </Badge>
+            </Tooltip>
           )}
           {channel.video_codec && (
-            <Badge size="sm" variant="light" color="blue">
-              {channel.video_codec.toUpperCase()}
-            </Badge>
+            <Tooltip label="Video codec">
+              <Badge size="sm" variant="light" color="blue">
+                {channel.video_codec.toUpperCase()}
+              </Badge>
+            </Tooltip>
           )}
           {channel.stream_type && (
-            <Badge size="sm" variant="light" color="blue">
-              {channel.stream_type.toUpperCase()}
-            </Badge>
+            <Tooltip label="Stream type">
+              <Badge size="sm" variant="light" color="cyan">
+                {channel.stream_type.toUpperCase()}
+              </Badge>
+            </Tooltip>
           )}
           {channel.audio_codec && (
-            <Badge size="sm" variant="light" color="purple">
-              {channel.audio_codec.toUpperCase()}
-            </Badge>
+            <Tooltip label="Audio codec">
+              <Badge size="sm" variant="light" color="pink">
+                {channel.audio_codec.toUpperCase()}
+              </Badge>
+            </Tooltip>
           )}
           {channel.audio_channels && (
-            <Badge size="sm" variant="light" color="purple">
-              {channel.audio_channels}
-            </Badge>
+            <Tooltip label="Audio channel configuration">
+              <Badge size="sm" variant="light" color="pink">
+                {channel.audio_channels}
+              </Badge>
+            </Tooltip>
           )}
           {channel.ffmpeg_speed && (
-            <Tooltip label={`Speed: ${channel.ffmpeg_speed}x realtime`}>
+            <Tooltip label={`Current Speed: ${channel.ffmpeg_speed}x`}>
               <Badge
                 size="sm"
                 variant="light"