From e5b1c7ef2e8a0e5ca03ab6015692fe409b20b697 Mon Sep 17 00:00:00 2001
From: Konstantin Vasilev <mctep77@gmail.com>
Date: Tue, 9 Aug 2022 11:23:21 +0300
Subject: [PATCH] feat(core-blocks): CB-2309 Redesign SSO final page

---
 .../src/HTMLTemplates/head.html.ejs           |  4 +-
 .../src/HTMLTemplates/sso.html.ejs            | 66 +++++++++++++++++--
 2 files changed, 62 insertions(+), 8 deletions(-)

diff --git a/webapp/packages/core-blocks/src/HTMLTemplates/head.html.ejs b/webapp/packages/core-blocks/src/HTMLTemplates/head.html.ejs
index f07983153c..95176d4a64 100644
--- a/webapp/packages/core-blocks/src/HTMLTemplates/head.html.ejs
+++ b/webapp/packages/core-blocks/src/HTMLTemplates/head.html.ejs
@@ -7,8 +7,8 @@
 <link rel="icon" type="image/svg+xml" href="favicon.svg">
 <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
 
-<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="preload" as="font"
-  crossorigin="anonymous" />
+<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="preload" as="font"
+  crossorigin="anonymous"  />
 <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700" rel="stylesheet" crossorigin="anonymous" />
 <link rel="prefetch" href="icons/icons.svg" as="image" type="image/svg+xml" />
 <script type="text/javascript">
diff --git a/webapp/packages/core-blocks/src/HTMLTemplates/sso.html.ejs b/webapp/packages/core-blocks/src/HTMLTemplates/sso.html.ejs
index d8f77ddfc4..fdaafdc664 100644
--- a/webapp/packages/core-blocks/src/HTMLTemplates/sso.html.ejs
+++ b/webapp/packages/core-blocks/src/HTMLTemplates/sso.html.ejs
@@ -1,6 +1,60 @@
-<div id="sso">
-  Single sign on succeeded. Now you can close this page.
-  <script>
-    window.close();
-  </script>
-</div>
\ No newline at end of file
+<style>
+  body {
+    margin: 0;
+    font-family: Roboto;
+  }
+
+  .wrapper {
+    display: flex;
+    height: 100vh;
+    flex-direction: column;
+  }
+
+  header {
+    flex-grow: 0;
+    flex-shrink: 0;
+    height: 48px;
+    padding: 0 16px;
+    background-color: #2a7cb4;
+    display: flex;
+    align-items: center;
+  }
+
+  .logo {
+    height: 34px;
+    width: 154px;
+  }
+
+  .content {
+    display: flex;
+    flex-grow: 1;
+    flex-shrink: 1;
+    align-items: center;
+    justify-content: space-around;
+  }
+
+  .message {
+    text-align: center;
+  }
+</style>
+
+<div class="wrapper">
+  <header>
+    <img src="/icons/logo.svg" class="logo" />
+  </header>
+
+  <div class="content">
+    <div class="message">
+      <p>
+        Single sign on succeeded.
+      </p>
+      <p>
+        Now you can close this page.
+      </p>
+    </div>
+  </div>
+</div>
+
+<script>
+  window.close();
+</script>
\ No newline at end of file