feat(portal-theme): tweak styles

Authored-by: Brendan Bronzan

Author: M-A-Boucher

src/Themes/PortalTheme/Views/ModalProfile.liquid

@@ -18,11 +18,11 @@
                           </span>
                       </div>
                       <div class="col-md-9 col-12 d-flex flex-column align-items-md-start align-items-center justify-content-center">
-                          <p class="h5 text-secondary">{{ "Contact email" | t }}</p>
-                          <p class="h4 mb-4">{{ User | get_claim: "email" }}</p>
+                          <p class="h4 text-secondary">{{ "Contact email" | t }}</p>
+                          <p class="h3 mb-4">{{ User | get_claim: "email" }}</p>
 
-                          <p class="h5 text-secondary">{{ "Azure account" | t }}</p>
-                          <p class="h4">{{ User.Identity.Name }}</p>
+                          <p class="h4 text-secondary">{{ "Azure account" | t }}</p>
+                          <p class="h3">{{ User.Identity.Name }}</p>
                       </div>
                   </div>
               </div>

src/Themes/PortalTheme/Views/OrchardCore.Users/ResetPassword/ForgotPassword.liquid

@@ -10,11 +10,11 @@
         {% helper "span", id:"UserIdentifier-described-by", asp_validation_for:"UserIdentifier", class:"text-danger" %}
     </div>
     <div class="form-group d-flex flex-column align-items-center justify-content-center mb-3">
-        <p class="text-center">{{ "The recovery link will be sent to the email address of your vLab account." | t }}</p>
+        <p class="text-center">{{ "A recovery link will be sent to the email address tied to your account." | t }}</p>
     </div>
     <div class="form-group d-flex justify-content-center">
         <button type="submit" class="btn btn-lg btn-primary is-rounded">{{ "Send recovery email" | t }}</button>
     </div>
-    <p class="text-center mt-5"><a href="https://digital.statcan.gc.ca/#contact">{{ "If you can no longer access the inbox, see if we can help." | t }}</a></p>
+    <p class="text-center mt-5"><a href="https://digital.statcan.gc.ca/#contact">{{ "If you can't access the inbox tied to your account, see if we can help." | t }}</a></p>
 {% endform %}
 {{ "SharedLoginFooter" | shape_new | shape_render }}

src/Themes/PortalTheme/Views/OrchardCore.Users/ResetPassword/ForgotPasswordConfirmation.liquid

@@ -1,4 +1,10 @@
-{% assign title = "Check your email" | t %}
-{{ "SharedLoginHeader" | shape_new: title: title | shape_render }}
-<p class="text-center">{{ "Please check your email to reset your password." | t }}</p>
+{% assign title = "Password recovery sent" | t %}
+{% assign subtitle = "Check your email" | t %}
+{% assign prompt = "It may take a few minutes" | t %}
+
+{{ "SharedLoginHeader" | shape_new: title: title, subtitle: subtitle, prompt: prompt | shape_render }}
+    <div class="form-group d-flex flex-column align-items-center justify-content-center mb-3">
+        <p class="text-center">{{ "A recovery email has been sent to the email address tied to your account. " | t }}</p>
+    </div>
+    <p class="text-center mt-5"><a href="https://digital.statcan.gc.ca/#contact">{{ "If you're still stuck, see if we can help." | t }}</a></p>
 {{ "SharedLoginFooter" | shape_new | shape_render }}

src/Themes/PortalTheme/Views/OrchardCore.Users/ResetPassword/ResetPassword.liquid

@@ -1,6 +1,6 @@
 {% assign title = "Reset password" | t %}
-{% assign subtitle = "vLab account security" | t %}
-{% assign prompt = "New password, new beginning" | t %} <!-- the user already feels crappy, might as well make them laugh-->
+{% assign subtitle = "Set a new password" | t %}
+{% assign prompt = "Secure and memorable" | t %}
 
 {{ "SharedLoginHeader" | shape_new: title: title, subtitle: subtitle, prompt: prompt | shape_render }}
 {% form asp_controller:"ResetPassword", asp_action:"ResetPassword", method:"post" %}

src/Themes/PortalTheme/Views/OrchardCore.Users/ResetPassword/ResetPasswordConfirmation.liquid

@@ -1,7 +1,9 @@
-{% assign title = "Password reset" | t %}
-{{ "SharedLoginHeader" | shape_new: title: title | shape_render }}
-<div class="d-flex justify-content-center">
-    <p class="text-center">{{ "Your password has been reset." | t }}</p>
-    <a href="{{ '~/login' | href }}" class="btn btn-lg btn-primary is-rounded">{{ "Login" | t }}</a>
-</div>
+{% assign title = "Password reset complete" | t %}
+{% assign subtitle = "New password is set" | t %}
+{% assign prompt = "Give it try" | t %}
+
+{{ "SharedLoginHeader" | shape_new: title: title, subtitle: subtitle, prompt: prompt | shape_render }}
+    <div class="form-group d-flex flex-column align-items-center justify-content-center mb-3">
+        <a href="{{ '~/login' | href }}" class="btn btn-lg btn-primary is-rounded">{{ "Login" | t }}</a>
+    </div>
 {{ "SharedLoginFooter" | shape_new | shape_render }}