Cleanup title-page CSS

2 files changed, 21 insertions, 25 deletions

diff --git a/client/src/app/+reset-password/reset-password.component.html b/client/src/app/+reset-password/reset-password.component.html
index 1910ebd15..130873593 100644
--- a/client/src/app/+reset-password/reset-password.component.html
+++ b/client/src/app/+reset-password/reset-password.component.html
@@ -1,31 +1,32 @@
 <div class="margin-content">
-  <div i18n class="title-page title-page-single">
-    Reset my password
-  </div>
+  <h1 i18n class="title-page">Reset my password</h1>
 
   <form role="form" (ngSubmit)="resetPassword()" [formGroup]="form">
     <div class="form-group">
       <label i18n for="password">Password</label>
-      <my-input-text formControlName="password" inputId="password"
-                              i18n-placeholder placeholder="Password"
-                              [ngClass]="{ 'input-error': formErrors['password'] }"
-                              autocomplete="new-password"></my-input-text>
-      <div *ngIf="formErrors.password" class="form-error">
-        {{ formErrors.password }}
-      </div>
+
+      <my-input-text
+        formControlName="password" inputId="password" i18n-placeholder placeholder="Password"
+        [ngClass]="{ 'input-error': formErrors['password'] }" autocomplete="new-password"
+      ></my-input-text>
+
+      <div *ngIf="formErrors.password" class="form-error">{{ formErrors.password }}</div>
     </div>
 
     <div class="form-group">
       <label i18n for="password-confirm">Confirm password</label>
-      <my-input-text formControlName="password-confirm" inputId="password-confirm"
-                              i18n-placeholder placeholder="Confirmed password"
-                              [ngClass]="{ 'input-error': formErrors['password-confirm'] }"
-                              autocomplete="new-password"></my-input-text>
-      <div *ngIf="formErrors['password-confirm']" class="form-error">
-        {{ formErrors['password-confirm'] }}
-      </div>
+
+      <my-input-text
+        formControlName="password-confirm" inputId="password-confirm" i18n-placeholder placeholder="Confirmed password"
+        [ngClass]="{ 'input-error': formErrors['password-confirm'] }" autocomplete="new-password"
+      ></my-input-text>
+
+      <div *ngIf="formErrors['password-confirm']" class="form-error">{{ formErrors['password-confirm'] }}</div>
     </div>
 
-    <input type="submit" i18n-value value="Reset my password" [disabled]="!form.valid || !isConfirmedPasswordValid()">
+    <input
+      class="peertube-button orange-button" type="submit" i18n-value value="Reset my password"
+      [disabled]="!form.valid || !isConfirmedPasswordValid()"
+    >
   </form>
 </div>
diff --git a/client/src/app/+reset-password/reset-password.component.scss b/client/src/app/+reset-password/reset-password.component.scss
index 5494e29c6..dd981ca39 100644
--- a/client/src/app/+reset-password/reset-password.component.scss
+++ b/client/src/app/+reset-password/reset-password.component.scss
@@ -1,12 +1,7 @@
 @use '_variables' as *;
 @use '_mixins' as *;
 
-input:not([type=submit]) {
-  @include peertube-input-text(340px);
+my-input-text {
+  max-width: 340px;
   display: block;
 }
-
-input[type=submit] {
-  @include peertube-button;
-  @include orange-button;
-}