now supports multi machine monitoring

frontend/src/components/SessionActivityPanel.tsx

@@ -79,9 +79,19 @@ export function SessionActivityPanel({
 		<TableContainer
 			component={Paper}
 			variant="outlined"
-			sx={{ maxHeight: 280, borderColor: "divider", borderRadius: 1, overflowX: "auto" }}
+			sx={{
+				maxHeight: 280,
+				borderColor: "divider",
+				borderRadius: 1,
+				overflowX: "auto",
+			}}
 		>
-			<Table size="small" stickyHeader aria-label="Session activity details">
+			<Table
+				size="small"
+				stickyHeader
+				aria-label="Session activity details"
+				sx={{ minWidth: 880 }}
+			>
 				<TableHead>
 					<TableRow>
 						<TableCell
@@ -198,7 +208,7 @@ export function SessionActivityPanel({
 										}
 									/>
 								</TableCell>
-								<TableCell sx={{ py: 0.75, minWidth: 140, display: { xs: "none", md: "table-cell" } }}>
+								<TableCell sx={{ py: 0.75, minWidth: 140 }}>
 									<Typography
 										variant="body2"
 										noWrap
@@ -210,12 +220,12 @@ export function SessionActivityPanel({
 										{session.type || "—"}
 									</Typography>
 								</TableCell>
-								<TableCell sx={{ py: 0.75, minWidth: 140, display: { xs: "none", md: "table-cell" } }}>
+								<TableCell sx={{ py: 0.75, minWidth: 140 }}>
 									<Typography variant="body2" noWrap>
 										{session.device || "Unknown device"}
 									</Typography>
 								</TableCell>
-								<TableCell sx={{ py: 0.75, whiteSpace: "nowrap", display: { xs: "none", md: "table-cell" } }}>
+								<TableCell sx={{ py: 0.75, whiteSpace: "nowrap" }}>
 									<Typography variant="body2" noWrap>
 										{session.transcoding === "yes"
 											? session.transcoding_type