Replace ... to smaller … HTML character (#3450)

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

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);
   }
 

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>;
             })}