diff --git a/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstance.tsx b/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstance.tsx index 3452d72d07..8f8feb8a2b 100644 --- a/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstance.tsx +++ b/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstance.tsx @@ -146,7 +146,7 @@ export const NetworkConnectedEdgeInstance = ({ const memory = getMemory(instance); const archWarning = cpuPercentage === 'No usage' && memory === 'No usage' && ( -
Resource metrics are only available when running on Linux
+Resource metrics are only available when running on Linux.
); return ( @@ -170,9 +170,17 @@ export const NetworkConnectedEdgeInstance = ({ {instance.instanceId}CPU average usage since instance - started + started.
{archWarning} > @@ -232,7 +228,7 @@ export const NetworkConnectedEdgeInstance = ({Current memory usage
+Current memory usage.
{archWarning} > } diff --git a/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstanceLatency.tsx b/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstanceLatency.tsx index 45a6ee213d..169703eeaa 100644 --- a/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstanceLatency.tsx +++ b/frontend/src/component/admin/network/NetworkConnectedEdges/NetworkConnectedEdgeInstanceLatency.tsx @@ -1,4 +1,5 @@ import { styled } from '@mui/material'; +import { HelpIcon } from 'component/common/HelpIcon/HelpIcon'; import type { ConnectedEdge } from 'interfaces/connectedEdge'; const StyledTable = styled('table')(({ theme }) => ({ @@ -10,17 +11,20 @@ const StyledTable = styled('table')(({ theme }) => ({ }, '& tr': { textAlign: 'right', - '& > th:first-of-type,td:first-of-type': { + '& > th:first-of-type, td:first-of-type': { textAlign: 'left', }, }, })); -const StyledUpstreamSection = styled('tr')(({ theme }) => ({ +const StyledSectionHeader = styled('tr')(({ theme }) => ({ fontWeight: theme.fontWeight.bold, - borderBottom: `1px solid ${theme.palette.text.primary}`, - '& > td:first-of-type': { + '&&& > td': { paddingTop: theme.spacing(1), + '& > div': { + display: 'flex', + alignItems: 'center', + }, }, })); @@ -41,19 +45,19 @@ export const NetworkConnectedEdgeInstanceLatency = ({ -