diff --git a/src/browser/overlay.js b/src/browser/overlay.js index 7c14438..fd133fd 100644 --- a/src/browser/overlay.js +++ b/src/browser/overlay.js @@ -34,7 +34,9 @@ function Overlay({ spaces, streamData }) { {data && ( - {data.Source} – {data.City} {data.State} + + {data.Source} – {data.City} {data.State} + )} {isLoading && } @@ -91,6 +93,8 @@ function StreamIcon({ url, ...props }) { const SpaceBorder = styled.div.attrs((props) => ({ borderWidth: 2, }))` + display: flex; + align-items: flex-start; position: fixed; left: ${({ pos }) => pos.x}px; top: ${({ pos }) => pos.y}px; @@ -127,6 +131,13 @@ const StreamTitle = styled.div` isListening ? 'rgba(255, 0, 0, 0.5)' : 'rgba(0, 0, 0, 0.5)'}; border-radius: 4px; backdrop-filter: blur(10px); + overflow: hidden; + + span { + white-space: nowrap; + text-overflow: ellipsis; + overflow: hidden; + } svg { width: 1.25em;