diff --git a/README.md b/README.md
index fc3d19054c..fa8c476799 100644
--- a/README.md
+++ b/README.md
@@ -44,7 +44,7 @@ Allows faster separately re-run some of involved processes:
1. `yarn dev:renderer` compiles electron's renderer part and start watching files
1. `yarn dev-run` runs app in dev-mode and restarts when electron's main process file has changed
-## Developer's RTFM recommended list:
+## Developer's ~~RTFM~~ recommended list:
- [TypeScript](https://www.typescriptlang.org/docs/home.html) (front-end/back-end)
- [ReactJS](https://reactjs.org/docs/getting-started.html) (front-end, ui)
diff --git a/src/renderer/components/+cluster-settings/cluster-icon.scss b/src/renderer/components/+cluster-settings/cluster-icon.scss
index 7d118c2cf1..e371ccf4c6 100644
--- a/src/renderer/components/+cluster-settings/cluster-icon.scss
+++ b/src/renderer/components/+cluster-settings/cluster-icon.scss
@@ -26,5 +26,6 @@
right: 0;
bottom: 0;
margin: -$padding * 1.5;
+ font-size: $font-size-small;
}
}
\ No newline at end of file
diff --git a/src/renderer/components/+cluster-settings/cluster-icon.tsx b/src/renderer/components/+cluster-settings/cluster-icon.tsx
index 1d236dc556..9d9a359670 100644
--- a/src/renderer/components/+cluster-settings/cluster-icon.tsx
+++ b/src/renderer/components/+cluster-settings/cluster-icon.tsx
@@ -51,7 +51,7 @@ export class ClusterIcon extends React.Component {
{showErrors && isAdmin && eventCount > 0 && (
= 1000 ? Math.ceil(eventCount / 1000) * 1000 + "+" : eventCount}
+ label={eventCount >= 1000 ? Math.ceil(eventCount / 1000) + "k+" : eventCount}
/>
)}
{children}
diff --git a/src/renderer/components/cluster-manager/clusters-menu.scss b/src/renderer/components/cluster-manager/clusters-menu.scss
index 8e728e97f2..d301578c13 100644
--- a/src/renderer/components/cluster-manager/clusters-menu.scss
+++ b/src/renderer/components/cluster-manager/clusters-menu.scss
@@ -1,4 +1,5 @@
.ClustersMenu {
+ @include hidden-scrollbar;
$spacing: $padding * 2;
position: relative;
@@ -38,17 +39,9 @@
}
}
- > .clusters {
- @include hidden-scrollbar;
- margin-bottom: $spacing !important;
-
- &:empty {
- display: none;
- }
- }
-
> .add-cluster {
position: relative;
+ margin-top: $padding;
.Icon {
border-radius: $radius;
diff --git a/src/renderer/components/cluster-manager/clusters-menu.tsx b/src/renderer/components/cluster-manager/clusters-menu.tsx
index d794440995..4323826bd9 100644
--- a/src/renderer/components/cluster-manager/clusters-menu.tsx
+++ b/src/renderer/components/cluster-manager/clusters-menu.tsx
@@ -103,20 +103,18 @@ export class ClustersMenu extends React.Component {
)}
-
- {clusters.map(cluster => {
- return (
- this.showCluster(cluster.id)}
- onContextMenu={() => this.showContextMenu(cluster)}
- />
- )
- })}
-
+ {clusters.map(cluster => {
+ return (
+ this.showCluster(cluster.id)}
+ onContextMenu={() => this.showContextMenu(cluster)}
+ />
+ )
+ })}
Add Cluster