Move listening indicator into stream name

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;