Enable default link behavior and accessibility for login page (#636)

* enable default link behavior and accessibility for login page

* alt for link: great idea, but the world is not ready

diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
index 1f6cfdb90a01eaf45f4094e05e4b2503bf5942ab..1846fd19ed65efabce810e8eaf6d75b221994150 100644 (file)
--- a/client/src/app/login/login.component.html
+++ b/client/src/app/login/login.component.html
@@ -17,7 +17,7 @@
           or create an account
         </a>
 
-        <a i18n *ngIf="signupAllowed === false" href="https://joinpeertube.org/en/#getting-started" target="_blank" class="create-an-account">
+        <a i18n *ngIf="signupAllowed === false" href="https://joinpeertube.org/en/#getting-started" target="_blank" title="Click here to see how to get started!" class="create-an-account">
           or create an account on another instance
         </a>
 
@@ -39,7 +39,7 @@
           type="password" name="password" id="password" i18n-placeholder placeholder="Password" required tabindex="2"
           formControlName="password" [ngClass]="{ 'input-error': formErrors['password'] }"
         >
-        <div i18n class="forgot-password-button" (click)="openForgotPasswordModal()">I forgot my password</div>
+        <a i18n class="forgot-password-button" (click)="openForgotPasswordModal()" title="Click here to reset your password">I forgot my password</a>
       </div>
       <div *ngIf="formErrors.password" class="form-error">
         {{ formErrors.password }}

diff --git a/client/src/app/login/login.component.scss b/client/src/app/login/login.component.scss
index 4a37ee961b4e3ac92a0edcb23f75088f9cb85c3b..900b2467a189c5ecc348005743f5693cf2f14a42 100644 (file)
--- a/client/src/app/login/login.component.scss
+++ b/client/src/app/login/login.component.scss
@@ -17,13 +17,7 @@ input[type=submit] {
   @include orange-button;
 }
 
-.forgot-password-button {
-  display: inline-block;
-  cursor: pointer;
-}
-
-.create-an-account {
-  @include disable-default-a-behaviour;
-
+.create-an-account, .forgot-password-button {
   color: #000;
+  cursor: pointer;
 }