diff --git a/packages/view/src/App.scss b/packages/view/src/App.scss index 6fe4520d..4d30f3c6 100644 --- a/packages/view/src/App.scss +++ b/packages/view/src/App.scss @@ -19,8 +19,7 @@ body { } .middle-container { - display: grid; - grid-template-columns: 4fr 2fr; + display: flex; height: calc(100vh - 200px); padding: 20px; } diff --git a/packages/view/src/components/Detail/Detail.tsx b/packages/view/src/components/Detail/Detail.tsx index f73c7e95..dde6c560 100644 --- a/packages/view/src/components/Detail/Detail.tsx +++ b/packages/view/src/components/Detail/Detail.tsx @@ -104,7 +104,7 @@ const Detail = ({ selectedData, clusterId, authSrcMap }: DetailProps) => { title={id} PopperProps={{ sx: { ".MuiTooltip-tooltip": { bgcolor: "#3c4048" } } }} > -
{`${id.slice(0, 6)}...`}
+{`${id.slice(0, 6)}`}
diff --git a/packages/view/src/components/VerticalClusterList/Summary/Summary.const.ts b/packages/view/src/components/VerticalClusterList/Summary/Summary.const.ts deleted file mode 100644 index 191373b8..00000000 --- a/packages/view/src/components/VerticalClusterList/Summary/Summary.const.ts +++ /dev/null @@ -1,2 +0,0 @@ -export const GITHUB_URL = "https://github.com"; -export const GRAVATA_URL = "https://www.gravatar.com/avatar"; diff --git a/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss b/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss index 7dfc70cb..9ee81308 100644 --- a/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss +++ b/packages/view/src/components/VerticalClusterList/VerticalClusterList.scss @@ -2,6 +2,7 @@ .vertical-cluster-list { display: flex; + flex: 1; flex-direction: column; &__header {