From fad455b1043615b37f6af6186f0b152df9469b12 Mon Sep 17 00:00:00 2001
From: Josemi <josemijuanes@gmail.com>
Date: Wed, 18 Oct 2023 14:51:03 +0200
Subject: [PATCH] wc: fix checking if sso mode is active in custom-landing and
 fix sso button style #TASK-5096

---
 .../commons/layouts/custom-landing.js         | 28 ++++++++++---------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/src/webcomponents/commons/layouts/custom-landing.js b/src/webcomponents/commons/layouts/custom-landing.js
index 80cc6fedf9..58a43231bd 100644
--- a/src/webcomponents/commons/layouts/custom-landing.js
+++ b/src/webcomponents/commons/layouts/custom-landing.js
@@ -242,20 +242,22 @@ export default class CustomLanding extends LitElement {
                     ` : null}
                     <!-- Landing login -->
                     <div class="landing-login">
-                        ${this.opencgaSession?.opencgaClient?._config?.sso ? html`
+                        ${this.opencgaSession?.opencgaClient?._config?.sso?.active ? html`
                             <div>
-                                <a class="btn-group" role="group" href="${this.getSSOUrl()}">
-                                    <button type="button" class="btn btn-primary btn-lg" style="">
-                                        <i class="fas fa-user"></i>
-                                    </button>
-                                    <button type="button" class="btn btn-primary btn-lg">
-                                        <strong style="color:white;">Login with SSO</strong>
-                                    </button>
-                                </a>
-                            </div>
-                            <div class="landing-login-sso-helper">
-                                By clicking on the <b>Login with SSO</b> button you will be redirected to your SSO login
-                                page.
+                                <div align="center">
+                                    <a class="btn-group" role="group" href="${this.getSSOUrl()}">
+                                        <button type="button" class="btn btn-primary btn-lg" style="">
+                                            <i class="fas fa-user"></i>
+                                        </button>
+                                        <button type="button" class="btn btn-primary btn-lg">
+                                            <strong style="color:white;">Login with SSO</strong>
+                                        </button>
+                                    </a>
+                                </div>
+                                <div class="landing-login-sso-helper">
+                                    By clicking on the <b>Login with SSO</b> button you will be redirected to your SSO login
+                                    page.
+                                </div>
                             </div>
                         ` : html`
                             <user-login