Add logo on top and remove spacing (#664)

dfinity · Jun 7, 2022 · 352058e · 352058e
1 parent b7fa2e6
commit 352058e
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 4 deletions.
diff --git a/screenshots/24-authenticate-known-anchor-desktop.png b/screenshots/24-authenticate-known-anchor-desktop.png
diff --git a/screenshots/24-authenticate-known-anchor-mobile.png b/screenshots/24-authenticate-known-anchor-mobile.png
diff --git a/screenshots/25-authenticate-unknown-anchor-desktop.png b/screenshots/25-authenticate-unknown-anchor-desktop.png
diff --git a/screenshots/25-authenticate-unknown-anchor-mobile.png b/screenshots/25-authenticate-unknown-anchor-mobile.png
diff --git a/src/frontend/src/flows/authenticate/index.ts b/src/frontend/src/flows/authenticate/index.ts
@@ -1,5 +1,5 @@
 import { html, render } from "lit-html";
-import { editIcon } from "../../components/icons";
+import { editIcon, icLogo } from "../../components/icons";
 import { navbar } from "../../components/navbar";
 import { footer } from "../../components/footer";
 import {
@@ -74,7 +74,7 @@ const pageContent = (hostName: string, userNumber?: bigint) => html` <style>
     }
 
     #registerButton {
-      margin: 3rem 0;
+      margin: 0.5rem 0 1rem 0;
     }
 
     .hostName {
@@ -83,7 +83,7 @@ const pageContent = (hostName: string, userNumber?: bigint) => html` <style>
     }
 
     .sectionTitle {
-      margin: 1rem 0 0.5rem 0;
+      margin: 0.5rem 0 0.5rem 0;
       font-size: 1rem;
       font-weight: normal;
       color: black;
@@ -97,10 +97,11 @@ const pageContent = (hostName: string, userNumber?: bigint) => html` <style>
       border: none;
       border-top-color: var(--grey-050);
       border-top-style: solid;
-      margin: 1rem 0;
+      margin: 0.5rem 0;
     }
   </style>
   <div class="container">
+    ${icLogo}
     <h1>Authorize Authentication</h1>
     <h2 class="sectionTitle">Application URL</h2>
     <div class="highlightBox hostName">${hostName}</div>