Registrations typo and css fixes

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index 29ed3e194c4028ee05659787cbec41ddaeaebeff..919799716287fe4dbc085b00608a18d31cc51db9 100644 (file)
--- 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 f93de8ce9f3f68bbf4cb83ba9b3d8ed2fbca8303..769fe312726495f8092c5f7a645e1b6e17ec534d 100644 (file)
--- 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.