Style CompleteSSOLoginView

Signed-off-by: RMidhunSuresh <rmidhunsuresh@gmail.com>

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

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

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