tweaked icon size in workspace-overview

Signed-off-by: Jim Ehrismann <jehrismann@mirantis.com>

src/renderer/components/+landing-page/workspace-cluster-icon.scss

@@ -1,5 +1,5 @@
 .WorkspaceClusterIcon {
-  --size: 37px;
+  --size: 21px;
 
   position: relative;
   border-radius: $radius;
@@ -7,4 +7,8 @@
   user-select: none;
   cursor: pointer;
 
+  img {
+    width: var(--size);
+    height: var(--size);
+  }
 }

src/renderer/components/+landing-page/workspace-overview.tsx

@@ -36,7 +36,7 @@ export class WorkspaceOverview extends Component<Props> {
     const { icon } = preferences;
 
     return (
-      <div className="WorkspaceClusterIcon flex inline" >
+      <div className="WorkspaceClusterIcon" >
         {icon && <img src={icon} alt={name}/>}
         {!icon && <Hashicon value={clusterId} />}
       </div>
@@ -56,7 +56,7 @@ export class WorkspaceOverview extends Component<Props> {
         }}
         searchFilters={[]}
         renderTableHeader={[
-            { title: "Icon" },
+            { title: "", className: "icon flex-grow" },
             { title: "Name", className: "name flex-grow", sortBy: sortBy.name },
             { title: "Id", className: "id" },
         ]}