From 6c6c4c7dfdce14c690e8cb9fe1118a9d3eebd952 Mon Sep 17 00:00:00 2001
From: RMidhunSuresh <rmidhunsuresh@gmail.com>
Date: Sun, 15 Aug 2021 18:08:01 +0530
Subject: [PATCH] Style CompleteSSOLoginView

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>
---
 src/platform/web/ui/css/login.css                | 9 +++++++--
 src/platform/web/ui/css/themes/element/theme.css | 4 ++++
 src/platform/web/ui/login/CompleteSSOView.js     | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/platform/web/ui/css/login.css b/src/platform/web/ui/css/login.css
index 3ca08a63..9a979024 100644
--- a/src/platform/web/ui/css/login.css
+++ b/src/platform/web/ui/css/login.css
@@ -36,7 +36,7 @@ limitations under the License.
     align-items: center;
 }
 
-.SessionPickerView .session-info > :not(:first-child) {
+.SessionPickerView .session-info> :not(:first-child) {
     margin-left: 8px;
 }
 
@@ -58,7 +58,7 @@ limitations under the License.
     display: flex;
 }
 
-.SessionLoadStatusView > :not(:first-child) {
+.SessionLoadStatusView> :not(:first-child) {
     margin-left: 12px;
 }
 
@@ -86,3 +86,8 @@ limitations under the License.
     display: flex;
     margin: 8px;
 }
+
+.CompleteSSOView_title {
+    display: flex;
+    justify-content: center;
+}
diff --git a/src/platform/web/ui/css/themes/element/theme.css b/src/platform/web/ui/css/themes/element/theme.css
index 5c182d09..121f5e51 100644
--- a/src/platform/web/ui/css/themes/element/theme.css
+++ b/src/platform/web/ui/css/themes/element/theme.css
@@ -233,6 +233,10 @@ a.button-action {
     font-size: 1.5rem;
 }
 
+.CompleteSSOView_title {
+    font-weight: 500;
+}
+
 @media screen and (min-width: 600px) {
     .PreSessionScreen {
         box-shadow: 0px 6px 32px rgba(0, 0, 0, 0.1);
diff --git a/src/platform/web/ui/login/CompleteSSOView.js b/src/platform/web/ui/login/CompleteSSOView.js
index a31072bb..cece7184 100644
--- a/src/platform/web/ui/login/CompleteSSOView.js
+++ b/src/platform/web/ui/login/CompleteSSOView.js
@@ -21,7 +21,7 @@ export class CompleteSSOView extends TemplateView {
     render(t) {
         return t.div({ className: "CompleteSSOView" },
             [
-                "Finishing up SSO Login ...",
+                t.p({ className: "CompleteSSOView_title" }, "Finishing up your SSO Login"),
                 t.mapView(vm => vm.loadViewModel, loadViewModel => loadViewModel ? new SessionLoadStatusView(loadViewModel) : null)
             ]
         );