From 9f3b8562d49c80d853cd4797163c91367f10b566 Mon Sep 17 00:00:00 2001
From: Jim Ehrismann <jehrismann@mirantis.com>
Date: Tue, 9 Feb 2021 16:37:41 -0500
Subject: [PATCH] workspace overview cluster list grows/shrinks according to
 existence of extension details

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>
---
 .../+landing-page/workspace-overview.scss       |  1 +
 .../+landing-page/workspace-overview.tsx        | 17 ++++++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/renderer/components/+landing-page/workspace-overview.scss b/src/renderer/components/+landing-page/workspace-overview.scss
index cc60fd8b69..b3ea459fee 100644
--- a/src/renderer/components/+landing-page/workspace-overview.scss
+++ b/src/renderer/components/+landing-page/workspace-overview.scss
@@ -1,4 +1,5 @@
 .WorkspaceOverview {
+  height: 100%;
 
   .ItemListLayout.WorkspaceClusters {
     background-color: var(--mainBackground);
diff --git a/src/renderer/components/+landing-page/workspace-overview.tsx b/src/renderer/components/+landing-page/workspace-overview.tsx
index 8626628746..fa4ab543f1 100644
--- a/src/renderer/components/+landing-page/workspace-overview.tsx
+++ b/src/renderer/components/+landing-page/workspace-overview.tsx
@@ -34,11 +34,11 @@ export class WorkspaceOverview extends Component<Props> {
     workspaceClusterStore.loadAll();
 
     const workspaceDetails = workspaceDetailRegistry.getItems();
-    
+
     return (
       <div className="WorkspaceOverview flex column gaps box grow">
         <ItemListLayout 
-          className="WorkspaceClusters"
+          className="WorkspaceClusters box grow"
           renderHeaderTitle={<div>Clusters</div>}
           isClusterScoped
           isSearchable={false}
@@ -66,11 +66,14 @@ export class WorkspaceOverview extends Component<Props> {
             <WorkspaceClusterMenu clusterItem={clusterItem} workspace={workspace} workspaceClusterStore={workspaceClusterStore}/>
           )}
         />
-        { workspaceDetails.length > 0 && 
-          <div className="extensions flex column gaps">
-            {workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)}
-          </div>
-        }
+        { workspaceDetails.length > 0 && (
+          <>
+            <hr/>
+            <div className="extensions flex column gaps">
+              {workspaceDetailRegistry.getItems().map(({ components: { Detail } }, index) => <Detail key={index} className="workspace-detail"/>)}
+            </div>
+          </>
+        )}
       </div>
     );
   }