diff --git a/packages/streamwall-control-ui/src/index.tsx b/packages/streamwall-control-ui/src/index.tsx index bc6701a..f930f96 100644 --- a/packages/streamwall-control-ui/src/index.tsx +++ b/packages/streamwall-control-ui/src/index.tsx @@ -725,6 +725,7 @@ export function ControlUI({ return null } + const isSmall = pos.height < 200 return ( - + {streamId} -
{data?.source}
+ {!isSmall &&
{data?.source}
} {data?.city && ( {data?.city} {data?.state} @@ -1514,6 +1515,10 @@ const StyledGridLabel = styled.div` .orientation-v { margin-left: -4px; } + + ${StyledGridInfo}.small & { + font-size: 20px; + } ` const StyledGridLocation = styled.div` @@ -1574,7 +1579,7 @@ const StyledGridControlsContainer = styled.div` user-select: none; & > * { - z-index: 200; + z-index: 1001; // Above StyledGridInfo } `