From 10ab882fedb95e0a79a3aac85417a3d7e2ac90cd Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Tue, 20 Jul 2021 12:23:45 +0300
Subject: [PATCH] Replace ... to smaller &hellip; HTML character (#3450)

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 src/renderer/components/cluster-manager/cluster-status.scss | 6 +++++-
 src/renderer/components/cluster-manager/cluster-status.tsx  | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/cluster-manager/cluster-status.scss b/src/renderer/components/cluster-manager/cluster-status.scss
index 86527eb75f..77d6e7693f 100644
--- a/src/renderer/components/cluster-manager/cluster-status.scss
+++ b/src/renderer/components/cluster-manager/cluster-status.scss
@@ -33,10 +33,14 @@
     max-width: 70vw;
     max-height: 40vh;
     white-space: pre-line;
+
+    p {
+      margin-bottom: $margin;
+    }
   }
 
   .Spinner {
-    --spinner-size: 48px;
+    --spinner-size: 38px;
     --spinner-border: calc(var(--spinner-size) / 10);
   }
 
diff --git a/src/renderer/components/cluster-manager/cluster-status.tsx b/src/renderer/components/cluster-manager/cluster-status.tsx
index 30065e2dd0..366a809b59 100644
--- a/src/renderer/components/cluster-manager/cluster-status.tsx
+++ b/src/renderer/components/cluster-manager/cluster-status.tsx
@@ -102,7 +102,7 @@ export class ClusterStatus extends React.Component<Props> {
         <>
           <Spinner singleColor={false} />
           <pre className="kube-auth-out">
-            <p>{this.isReconnecting ? "Reconnecting..." : "Connecting..."}</p>
+            <p>{this.isReconnecting ? "Reconnecting" : "Connecting"}&hellip;</p>
             {authOutput.map(({ data, error }, index) => {
               return <p key={index} className={cssNames({ error })}>{data}</p>;
             })}