From 04c52c6cc14c92059f1cc70be0e3214260a15f18 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Wed, 16 Jun 2021 06:55:56 +0300
Subject: [PATCH] Fix catalog badges

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/+catalog/catalog-tree.module.css | 3 ++-
 src/renderer/components/+catalog/catalog.tsx             | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/+catalog/catalog-tree.module.css b/src/renderer/components/+catalog/catalog-tree.module.css
index ba5b6895e1..4787fd71b8 100644
--- a/src/renderer/components/+catalog/catalog-tree.module.css
+++ b/src/renderer/components/+catalog/catalog-tree.module.css
@@ -43,6 +43,7 @@
 
 .content:hover {
   background-color: var(--sidebarItemHoverBackground);
+  border-radius: 2px;
 }
 
 .group {
@@ -55,7 +56,7 @@
 
 .selected > *:first-child {
   background-color: var(--blue);
-  color: var(--textColorAccent);
+  color: white;
   border-radius: 2px;
 }
 
diff --git a/src/renderer/components/+catalog/catalog.tsx b/src/renderer/components/+catalog/catalog.tsx
index 7f50fe9a79..d7a15cf3e8 100644
--- a/src/renderer/components/+catalog/catalog.tsx
+++ b/src/renderer/components/+catalog/catalog.tsx
@@ -206,7 +206,7 @@ export class Catalog extends React.Component<Props> {
           this.renderIcon(item),
           item.name,
           item.source,
-          item.labels.map((label) => <Badge key={label} label={label} title={label} />),
+          item.labels.map((label) => <Badge className={css.badge} key={label} label={label} title={label} />),
           { title: item.phase, className: cssNames(css[item.phase]) }
         ]}
         onDetails={(item: CatalogEntityItem) => this.onDetails(item) }
@@ -245,7 +245,7 @@ export class Catalog extends React.Component<Props> {
           item.name,
           item.kind,
           item.source,
-          item.labels.map((label) => <Badge key={label} label={label} title={label} />),
+          item.labels.map((label) => <Badge className={css.badge} key={label} label={label} title={label} />),
           { title: item.phase, className: cssNames(css[item.phase]) }
         ]}
         detailsItem={this.selectedItem}