From 4c8a099198cd3af049847df91140735354b85a92 Mon Sep 17 00:00:00 2001
From: Chocobozzz <me@florianbigard.com>
Date: Tue, 28 Jun 2022 10:27:01 +0200
Subject: Registration css fixes

---
 client/src/app/+signup/+register/custom-stepper.component.scss     | 4 ++--
 client/src/app/+signup/+register/register.component.html           | 2 +-
 client/src/app/+signup/+register/register.component.scss           | 7 ++++++-
 client/src/app/+signup/+register/register.component.ts             | 4 ++--
 .../app/+signup/+register/steps/register-step-terms.component.html | 2 +-
 client/src/app/+signup/shared/signup-mascot.component.scss         | 2 +-
 6 files changed, 13 insertions(+), 8 deletions(-)

(limited to 'client/src/app/+signup')

diff --git a/client/src/app/+signup/+register/custom-stepper.component.scss b/client/src/app/+signup/+register/custom-stepper.component.scss
index dfbdc863b..29ed3e194 100644
--- a/client/src/app/+signup/+register/custom-stepper.component.scss
+++ b/client/src/app/+signup/+register/custom-stepper.component.scss
@@ -5,8 +5,8 @@
 $index-block-height: 40px;
 
 header {
-  margin-bottom: 40px;
-  padding-bottom: 60px;
+  margin-bottom: 30px;
+  padding-bottom: 25px;
   width: 100%;
   background-color: pvar(--mainColorVeryLight);
 }
diff --git a/client/src/app/+signup/+register/register.component.html b/client/src/app/+signup/+register/register.component.html
index 442c65e2d..4094f24cf 100644
--- a/client/src/app/+signup/+register/register.component.html
+++ b/client/src/app/+signup/+register/register.component.html
@@ -27,7 +27,7 @@
               <strong>I already have an account</strong>, I log in
             </a>
 
-            <button i18n cdkStepperNext>I create an account</button>
+            <button i18n cdkStepperNext>Create an account</button>
           </div>
         </cdk-step>
 
diff --git a/client/src/app/+signup/+register/register.component.scss b/client/src/app/+signup/+register/register.component.scss
index c706d6955..9904e4ab4 100644
--- a/client/src/app/+signup/+register/register.component.scss
+++ b/client/src/app/+signup/+register/register.component.scss
@@ -1,6 +1,10 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
+my-signup-step-title strong {
+  font-weight: $font-bold;
+}
+
 .signup-disabled {
   padding-top: 30vh;
 }
@@ -8,11 +12,12 @@
 .title-page-v2 {
   background-color: pvar(--mainColorVeryLight);
   margin: 0;
+  padding-bottom: 10px;
 }
 
 my-instance-about-accordion {
   display: block;
-  margin-bottom: 25px;
+  margin-bottom: 30px;
 }
 
 .step-buttons {
diff --git a/client/src/app/+signup/+register/register.component.ts b/client/src/app/+signup/+register/register.component.ts
index 396b27e5a..4ab327b1b 100644
--- a/client/src/app/+signup/+register/register.component.ts
+++ b/client/src/app/+signup/+register/register.component.ts
@@ -42,8 +42,8 @@ export class RegisterComponent implements OnInit {
     moderation: false
   }
 
-  defaultPreviousStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Go to the previous step`
-  defaultNextStepButtonLabel = $localize`:Button on the registration form to go to the previous step:Go to the next step`
+  defaultPreviousStepButtonLabel = $localize`Go to the previous step`
+  defaultNextStepButtonLabel = $localize`Go to the next step`
   stepUserButtonLabel = this.defaultNextStepButtonLabel
 
   signupDisabled = false
diff --git a/client/src/app/+signup/+register/steps/register-step-terms.component.html b/client/src/app/+signup/+register/steps/register-step-terms.component.html
index f54ca77e2..cbfb32518 100644
--- a/client/src/app/+signup/+register/steps/register-step-terms.component.html
+++ b/client/src/app/+signup/+register/steps/register-step-terms.component.html
@@ -5,7 +5,7 @@
         <ng-container i18n>
           I am at least {{ minimumAge }} years old and agree
           to the <a class="link-orange" (click)="onTermsClick($event)" href='#'>Terms</a>
-          <ng-container *ngIf="hasCodeOfConduct"> and to the <a (click)="onCodeOfConductClick($event)" href='#'>Code of Conduct</a></ng-container>
+          <ng-container *ngIf="hasCodeOfConduct"> and to the <a class="link-orange" (click)="onCodeOfConductClick($event)" href='#'>Code of Conduct</a></ng-container>
           of this instance
         </ng-container>
       </ng-template>
diff --git a/client/src/app/+signup/shared/signup-mascot.component.scss b/client/src/app/+signup/shared/signup-mascot.component.scss
index 5eebfb014..67ab48447 100644
--- a/client/src/app/+signup/shared/signup-mascot.component.scss
+++ b/client/src/app/+signup/shared/signup-mascot.component.scss
@@ -3,7 +3,7 @@
 
 .root {
   display: inline-block;
-  width: 270px;
+  width: 230px;
 }
 
 div ::ng-deep svg {
-- 
cgit v1.2.3