From f79bea65167d0c6714555b528911564fa4d30771 Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Tue, 10 May 2022 07:09:27 -0500
Subject: [PATCH] cleaning up transitions and spacing

---
 .../src/components/lines/lineRow.tsx/index.tsx      | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/desktop/src/components/lines/lineRow.tsx/index.tsx b/packages/desktop/src/components/lines/lineRow.tsx/index.tsx
index 35932f6..8964831 100644
--- a/packages/desktop/src/components/lines/lineRow.tsx/index.tsx
+++ b/packages/desktop/src/components/lines/lineRow.tsx/index.tsx
@@ -52,7 +52,12 @@ export default function LineRow({
    * TODO: slowly add to this and fix based on added features
    * */
   const renderActivityIcon = useMemo(() => {
-    if (isUserTunedIn) return <FiActivity className="text-black" />;
+    if (isUserTunedIn)
+      return (
+        <span className="h-2 w-2">
+          <FiActivity className="text-black" />
+        </span>
+      );
 
     // if there is someone or me broadcasting here
     if (masterLineData.currentBroadcastersUserIds?.length > 0)
@@ -140,7 +145,7 @@ export default function LineRow({
   }`}
       >
         {/* status dot */}
-        {renderActivityIcon}
+        <div className="flex-shrink-0 h-4 w-4">{renderActivityIcon}</div>
 
         <span className="flex flex-row gap-2 items-center justify-start text-slate-800">
           {profilePictures && (
@@ -151,7 +156,7 @@ export default function LineRow({
           )}
 
           <h2
-            className={`text-inherit text-md truncate ${
+            className={`text-inherit text-md max-w-[220px] truncate ${
               masterLineData.currentUserMember.lastVisitDate
                 ? "font-semibold"
                 : ""
@@ -162,7 +167,7 @@ export default function LineRow({
           </h2>
         </span>
 
-        <div className="ml-auto">{renderRightActivity}</div>
+        <div className="ml-auto flex-shrink-0">{renderRightActivity}</div>
       </div>
 
       {/* mounts and unmounts based on if in the room or now */}