From 23d894e171bf6027b356b54b2b84e33a5ddbf55a Mon Sep 17 00:00:00 2001
From: talksik <patel.arjun50@gmail.com>
Date: Thu, 19 Mar 2026 16:27:38 -0700
Subject: [PATCH] use contols indicator for exit timer

---
 js/src/features/particles/stream-view.tsx | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/js/src/features/particles/stream-view.tsx b/js/src/features/particles/stream-view.tsx
index 1ac920d..5058530 100644
--- a/js/src/features/particles/stream-view.tsx
+++ b/js/src/features/particles/stream-view.tsx
@@ -377,19 +377,19 @@ export function StreamView({ path, streamParticle }: StreamViewProps) {
         onActiveChange={setComposeActive}
       />
 
-      {/* Exit countdown */}
-      {exitRemainingMs !== null && (
-        <div className="absolute left-5 top-5 z-10 flex items-center justify-center pointer-events-none">
-          <span className="text-sm text-white/60">
-            Closing in {Math.ceil(exitRemainingMs / 1000)}s
-          </span>
-        </div>
-      )}
-
       {/* Bottom overlay: stream info + reply */}
       <div className="absolute right-0 left-0 bottom-0 z-10">
         <ControlsIndicator type={"reply"}>
-          <SeenIndicator stream={streamParticle} currentParticle={currentParticle} networkId={networkId} />
+          <div className="flex items-center gap-1 text-xs text-white/70">
+            Seen by
+            <SeenIndicator stream={streamParticle} currentParticle={currentParticle} networkId={networkId} />
+            {/* Exit countdown */}
+            {exitRemainingMs !== null && (
+              <span>
+                Closing in {Math.ceil(exitRemainingMs / 1000)}s
+              </span>
+            )}
+          </div>
         </ControlsIndicator>
       </div>
     </div>