From 9f4109e263be961ab0b210fcbc003a8c78f5b9fe Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 28 Jun 2022 11:52:43 +0200
Subject: [PATCH] Registrations typo and css fixes

---
 .../+signup/+register/custom-stepper.component.scss  | 12 ++++++++----
 .../steps/register-step-about.component.html         |  4 ++--
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index 29ed3e194..919799716 100644
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -34,9 +34,11 @@ header {
   position: relative;
 
   .completed-icon {
-    width: 16px;
-    height: 16px;
-    border-radius: 16px;
+    $size: 14px;
+
+    width: $size;
+    height: $size;
+    border-radius: $size;
     background-color: pvar(--mainBackgroundColor);
     position: absolute;
     bottom: 0;
@@ -44,7 +46,9 @@ header {
     display: flex;
     justify-content: center;
     align-items: center;
-    border: 1px solid pvar(--mainColor);
+    // Better than border color for aliasing
+    box-shadow: 0 0 0 1px var(--mainColor);
+    overflow: hidden;
 
     my-global-icon {
       @include apply-svg-color(pvar(--mainColor));
diff --git a/client/src/app/+signup/+register/steps/register-step-about.component.html b/client/src/app/+signup/+register/steps/register-step-about.component.html
index f93de8ce9..769fe3127 100644
--- a/client/src/app/+signup/+register/steps/register-step-about.component.html
+++ b/client/src/app/+signup/+register/steps/register-step-about.component.html
@@ -2,7 +2,7 @@
   <h3 i18n>Why creating an account?</h3>
 
   <p i18n>
-    As you probably noticed: creating an account is not necessary to watch video son {{ instanceName }}.
+    As you probably noticed: creating an account is not necessary to watch video on {{ instanceName }}.
     <br />
     However, creating an account on {{ instanceName }} will allow you to:
   </p>
@@ -16,7 +16,7 @@
 </div>
 
 <div>
-  <h4 i18n>You're using Mastodon, ActivityPub or a RSS feed aggregator?</h4>
+  <h4 i18n>Do you use Mastodon, ActivityPub or a RSS feed aggregator?</h4>
 
   <p i18n>
     You can already follow {{ instanceName }} using your favorite tool.