Fix: increase catalog entity name col width (#4776)

* Increase .entityName col width

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Adjust catalog menu paddings

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

* Fix table head border color

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>

src/renderer/components/+catalog/catalog-tree.module.scss

@@ -22,6 +22,8 @@
 
 .content {
   min-height: 26px;
+  line-height: 1.3;
+  padding: 2px var(--padding) 2px 0;
 
   &:hover {
     background-color: var(--sidebarItemHoverBackground);
@@ -39,6 +41,8 @@
 
   .iconContainer {
     margin-left: 28px;
+    margin-top: 2px;
+    align-self: flex-start;
   }
 }
 

src/renderer/components/+catalog/catalog.module.scss

@@ -20,6 +20,7 @@
   padding: 0 var(--padding);
   padding-bottom: 0;
   padding-right: 24px; // + reserved space for .pinIcon
+  flex-grow: 2.5!important;
 
   > span {
     overflow: hidden;

src/renderer/components/table/table-head.scss

@@ -4,7 +4,7 @@
  */
 
 .TableHead {
-  $border: 1px solid var(--layoutBackground);
+  $border: 1px solid var(--tableHeaderBorderColor);
 
   background-color: var(--tableHeaderBackground);
   border-bottom-width: var(--tableHeaderBorderWidth);