From c9d58692bf1e653cc039afc1990b65a42e01007b Mon Sep 17 00:00:00 2001
From: Son NK <nguyenkims@hotmail.com>
Date: Thu, 2 Jan 2020 22:39:37 +0100
Subject: [PATCH] Prettify some pages

---
 .../dashboard/alias_contact_manager.html        | 17 ++++++++++-------
 app/dashboard/templates/dashboard/index.html    |  2 +-
 2 files changed, 11 insertions(+), 8 deletions(-)

diff --git a/app/dashboard/templates/dashboard/alias_contact_manager.html b/app/dashboard/templates/dashboard/alias_contact_manager.html
index 9cdb77b9..76333e23 100644
--- a/app/dashboard/templates/dashboard/alias_contact_manager.html
+++ b/app/dashboard/templates/dashboard/alias_contact_manager.html
@@ -15,8 +15,9 @@
 
   <div class="alert alert-primary" role="alert">
     <p>
-      To send an email from your alias, just send the email to a special email address that we call <em>reverse-alias</em>
-      and SimpleLogin will send it from the alias.
+      To send an email from your alias, just send the email to a special email address that we call
+      <em>reverse-alias</em>
+      and SimpleLogin will send it from the alias to the destination.
     </p>
     <p>
       Make sure you send the email from your personal email address ({{ current_user.email }}).
@@ -37,23 +38,25 @@
 
   <div class="row">
     {% for forward_email in forward_emails %}
-      <div class="col-6">
+      <div class="col-md-6">
         <div class="my-2 p-2 card {% if forward_email.id == forward_email_id %} highlight-row {% endif %}">
           <div>
             <span>
               <a href="{{ 'mailto:' + forward_email.website_send_to() }}"
-                 class="font-weight-bold">*****</a>
+                 data-toggle="tooltip"
+                 title="You can click on this to open your email client. Or use the copy button 👉"
+                 class="font-weight-bold">*************************</a>
 
               <span class="clipboard btn btn-sm btn-success copy-btn" data-toggle="tooltip"
-                  title="Copy to clipboard"
-                  data-clipboard-text="{{ forward_email.website_send_to() }}">
+                    title="Copy to clipboard"
+                    data-clipboard-text="{{ forward_email.website_send_to() }}">
                 Copy reverse-alias
               </span>
             </span>
           </div>
 
           <div>
-            → {{ forward_email.website_from or forward_email.website_email }}
+            <i class="fe fe-mail"></i> ➡ {{ forward_email.website_from or forward_email.website_email }}
           </div>
 
           <div class="mb-2 text-muted small-text">
diff --git a/app/dashboard/templates/dashboard/index.html b/app/dashboard/templates/dashboard/index.html
index b270dc66..1df2e5dc 100644
--- a/app/dashboard/templates/dashboard/index.html
+++ b/app/dashboard/templates/dashboard/index.html
@@ -160,7 +160,7 @@
                    data-toggle="tooltip"
                    title="Not only an alias can receive emails, it can send emails too"
                 >
-                  Send Email &nbsp; &nbsp;
+                  Send Email&nbsp; &nbsp;<i class="fe fe-send"></i>
                 </a>
               {% endif %}
             </div>