From bc700abfaec363c13298ae7087a136e77a8f73e1 Mon Sep 17 00:00:00 2001
From: Max Goodhart <c@chromakode.com>
Date: Mon, 27 Jul 2020 14:11:14 -0700
Subject: [PATCH] Move listening indicator into stream name

---
 src/browser/overlay.js | 24 +++++++++---------------
 1 file changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/browser/overlay.js b/src/browser/overlay.js
index 4f90480..3cd7862 100644
--- a/src/browser/overlay.js
+++ b/src/browser/overlay.js
@@ -51,10 +51,10 @@ function Overlay({ config, views, streams }) {
                     </>
                   )}
                 </span>
+                {isListening && <SoundIcon />}
               </StreamTitle>
             )}
             {isLoading && <LoadingSpinner />}
-            {isListening && <ListeningIndicator />}
           </SpaceBorder>
         )
       })}
@@ -174,10 +174,17 @@ const StreamTitle = styled.div`
   svg {
     width: 1.25em;
     height: 1.25em;
-    margin-right: 0.35em;
     overflow: visible;
     filter: drop-shadow(0 0 4px black);
 
+    &:first-child {
+      margin-right: 0.35em;
+    }
+
+    &:last-child {
+      margin-left: 0.5em;
+    }
+
     path {
       fill: white;
     }
@@ -194,19 +201,6 @@ const LoadingSpinner = styled(TailSpin)`
   opacity: 0.5;
 `
 
-const ListeningIndicator = styled(SoundIcon)`
-  position: absolute;
-  right: 15px;
-  bottom: 10px;
-  width: 30px;
-  height: 30px;
-  opacity: 0.9;
-
-  path {
-    fill: white;
-  }
-`
-
 const BlurCover = styled.div`
   position: absolute;
   left: 0;