Registration css fixes

5 files changed, 12 insertions, 7 deletions

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>