diff --git a/ui/src/console/detail/EnvironmentDetail.js b/ui/src/console/detail/EnvironmentDetail.js index 5f3de4c0..16df2286 100644 --- a/ui/src/console/detail/EnvironmentDetail.js +++ b/ui/src/console/detail/EnvironmentDetail.js @@ -33,21 +33,24 @@ const EnvironmentDetail = (props) => { { name: "Frontend", selector: row => {row.frontendEndpoint}, - sortable: true + sortable: true, + hide: "md" }, { name: "Backend", selector: row => row.backendProxyEndpoint, - sortable: true + sortable: true, }, { name: "Share Mode", selector: row => row.shareMode, + hide: "md" }, { name: "Token", selector: row => row.token, sortable: true, + hide: "md" }, { name: "Activity", diff --git a/ui/src/console/visualizer/graph.js b/ui/src/console/visualizer/graph.js index 5f9fa1ca..faf6c2a7 100644 --- a/ui/src/console/visualizer/graph.js +++ b/ui/src/console/visualizer/graph.js @@ -24,7 +24,8 @@ export const mergeGraph = (oldGraph, user, newOverview) => { let accountNode = { id: user.token, label: user.email, - type: "account" + type: "account", + val: 50 } newGraph.nodes.push(accountNode); @@ -32,7 +33,8 @@ export const mergeGraph = (oldGraph, user, newOverview) => { let envNode = { id: env.environment.zId, label: env.environment.description, - type: "environment" + type: "environment", + val: 50 }; newGraph.nodes.push(envNode); newGraph.links.push({ @@ -50,7 +52,7 @@ export const mergeGraph = (oldGraph, user, newOverview) => { id: svc.token, label: svcLabel, type: "service", - val: 10 + val: 50 }; newGraph.nodes.push(svcNode); newGraph.links.push({ diff --git a/ui/src/index.css b/ui/src/index.css index b9258239..fee52bba 100644 --- a/ui/src/index.css +++ b/ui/src/index.css @@ -53,6 +53,10 @@ code, pre { border: 0; } +.rdt_TableRow { + font-family: 'JetBrains Mono', Consolas, 'Courier New', monospace; +} + /* #zrok-enable { text-align: center;