From 11e0cbfe9c1ce23bda715ef0e283dce8390c9f75 Mon Sep 17 00:00:00 2001
From: Son <nguyenkims@users.noreply.github.com>
Date: Fri, 20 May 2022 15:35:57 +0200
Subject: [PATCH] tweak the account activated page ui

---
 templates/onboarding/account_activated.html | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/templates/onboarding/account_activated.html b/templates/onboarding/account_activated.html
index 5b3b6f20..75cdab33 100644
--- a/templates/onboarding/account_activated.html
+++ b/templates/onboarding/account_activated.html
@@ -1,34 +1,37 @@
 {% extends 'base.html' %}
 
 {% block content %}
-
   <div class="flex-fill align-items-center mt-8">
     <!-- Image container -->
     <div class="mt-4 mb-4 text-center" style="display:block;">
       <a class="" href="{{ url_for('dashboard.index') }}">
         <picture>
           <source media="(max-width: 650px)" srcset="/static/logo.svg">
-          <img src="/static/logo.svg" style="width: 24rem" alt="logo">
+          <img src="/static/logo.svg" style="width: 12rem" alt="logo">
         </picture>
       </a>
     </div>
 
     <!-- Text container -->
     <div class="my-6 text-center">
-      <h2 style="color:black;font-size:2rem">Welcome to SimpleLogin</h2>
+      <h2 style="color:black;font-size:2rem">Welcome!</h2>
     </div>
 
     <div class="px-8" style="width:675px;margin:auto;">
 
       <div class="my-6">
-        <p style="font-size: 1.2em;">Get the most out from SimpleLogin by using our {{ browser_name }} extension</p>
+        <p style="font-size: 1.2em;">
+          Quickly create aliases everywhere using our {{ browser_name }} extension
+        </p>
+
         <a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:black;color:white;display:block;width:50%;" href="{{ extension_link }}">Install {{ browser_name }} extension</a>
       </div>
 
-      <h2 class="my-4" style="color:black;font-size:2rem">OR</h2>
+      <hr style="margin-top: 75px">
 
-      <div class="my-6">
-        <p style="font-size: 1.2em;">Install the extension later and start discovering our features on our web app</p>
+
+      <div style="margin-top: 75px">
+        <p style="font-size: 1.2em;">Or install the extension later and start discovering our features on our web app</p>
         <a class="px-4 py-3 mt-4 text-decoration-none text-center" style="background:white;color:black;border-radius: 2px;border:1px solid black;display:block;width:50%;" href="{{ url_for('dashboard.index') }}">Continue to our web app</a>
       </div>
     </div>