From 319d20ea754d73d036149512e03bce0e143dd4a8 Mon Sep 17 00:00:00 2001
From: Luke Berndt <lukekb@gmail.com>
Date: Mon, 12 Jan 2026 21:50:05 -0500
Subject: [PATCH] updaged formatting

---
 frontend/src/Call/components/MediaPlayer.css | 7 ++++++-
 frontend/src/Call/components/MediaPlayer.js  | 4 ++--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/Call/components/MediaPlayer.css b/frontend/src/Call/components/MediaPlayer.css
index e9c4772..b6d3235 100644
--- a/frontend/src/Call/components/MediaPlayer.css
+++ b/frontend/src/Call/components/MediaPlayer.css
@@ -21,11 +21,16 @@
   
   .label-item {
     padding: 9px 2px 5px 2px;
-    width: 130px;
+    width: 150px;
     color: white;
     font-weight: bold;
     text-align: center;
   }
+  .tag-label {
+    max-width: 75px;
+    overflow: clip;
+    text-wrap-mode: nowrap;
+  }
   .mediaplayer {
     flex-grow: 1;
     color: white;
diff --git a/frontend/src/Call/components/MediaPlayer.js b/frontend/src/Call/components/MediaPlayer.js
index 0f60ff1..6d4b358 100644
--- a/frontend/src/Call/components/MediaPlayer.js
+++ b/frontend/src/Call/components/MediaPlayer.js
@@ -142,7 +142,7 @@ const MediaPlayer = (props) => {
     if (call.srcList.length > sourceIndex) {
       sourceId = call.srcList[sourceIndex].src;
       if (call.srcList[sourceIndex].tag !== undefined && call.srcList[sourceIndex].tag !== null && call.srcList[sourceIndex].tag !== "") {
-        sourceTag = "(" + call.srcList[sourceIndex].tag + ")";
+        sourceTag = call.srcList[sourceIndex].tag;
       }
     }
     playEnabled = {};
@@ -204,7 +204,7 @@ const MediaPlayer = (props) => {
             {playTime}
             Sec
           </Label>
-          <Label color="black" className="desktop-only">
+          <Label color="black" className="desktop-only tag-label">
             {sourceTag!== "" ? sourceTag : sourceId}
           </Label>
         </LabelGroup>