From 4e4f7729776a3ec137ed9165d764376150b91a7f Mon Sep 17 00:00:00 2001
From: Salah Benmoussati <51402489+sbenmoussati@users.noreply.github.com>
Date: Wed, 17 May 2023 09:12:03 +0200
Subject: [PATCH] SDA-4145 Proxy auth dialog css fix (#1838)

* Proxy auth dialog css fix

* Browser login logs
---
 src/app/main-api-handler.ts         |  5 +++++
 src/renderer/components/welcome.tsx |  5 +----
 src/renderer/styles/basic-auth.less |  1 +
 src/renderer/styles/welcome.less    | 13 +++++--------
 4 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/app/main-api-handler.ts b/src/app/main-api-handler.ts
index a4e14db0..17ab4ac5 100644
--- a/src/app/main-api-handler.ts
+++ b/src/app/main-api-handler.ts
@@ -710,5 +710,10 @@ const loadPodUrl = (proxyLogin = false) => {
         );
         proxyDetails.retries += 1;
       }
+      logger.error(
+        'main-api-handler: browser login error. Details: ',
+        error.type,
+        error.code,
+      );
     });
 };
diff --git a/src/renderer/components/welcome.tsx b/src/renderer/components/welcome.tsx
index 7fd84225..9bc63a76 100644
--- a/src/renderer/components/welcome.tsx
+++ b/src/renderer/components/welcome.tsx
@@ -56,9 +56,6 @@ export default class Welcome extends React.Component<{}, IState> {
               <span className='Welcome-welcome-back'>
                 {i18n.t('Welcome back!', WELCOME_NAMESPACE)()}
               </span>
-              <span className='Welcome-login-label'>
-                {i18n.t('Please login to continue', WELCOME_NAMESPACE)()}
-              </span>
             </React.Fragment>
           )}
           {!isPodConfigured && (
@@ -276,7 +273,7 @@ export default class Welcome extends React.Component<{}, IState> {
           className={loginButtonClasses}
           disabled={(!isPodConfigured && !urlValid) || isLoading}
           onClick={this.eventHandlers.onLogin}
-          style={isPodConfigured ? { marginTop: '40px' } : {}}
+          style={isPodConfigured ? { marginTop: '24px' } : {}}
         >
           {isLoading && (
             <div className='splash-screen--spinner-container'>
diff --git a/src/renderer/styles/basic-auth.less b/src/renderer/styles/basic-auth.less
index addf36d1..0fb13b0e 100644
--- a/src/renderer/styles/basic-auth.less
+++ b/src/renderer/styles/basic-auth.less
@@ -65,6 +65,7 @@ table {
         display: flex;
         flex: 1;
         justify-content: flex-end;
+        max-width: 235px;
       }
     }
   }
diff --git a/src/renderer/styles/welcome.less b/src/renderer/styles/welcome.less
index d134b6fc..df65f613 100644
--- a/src/renderer/styles/welcome.less
+++ b/src/renderer/styles/welcome.less
@@ -286,14 +286,9 @@ body {
     }
   }
   &-welcome-back {
-    font-size: 14px;
-    color: @graphite-05;
-    margin-top: 40px;
-  }
-  &-login-label {
     font-size: 18px;
     color: @graphite-05;
-    margin-top: 13px;
+    margin-top: 40px;
   }
 }
 
@@ -380,12 +375,14 @@ body {
 }
 
 .switch {
-  margin: auto;
+  margin: auto 0;
   margin-right: 8px;
   position: relative;
   display: inline-block;
-  width: 43px;
+  width: 38px;
   height: auto;
+  flex-grow: 0;
+  flex-shrink: 0;
 }
 
 /* Hide default HTML checkbox */