Add little effect on hover for the play button

2 files changed, 9 insertions, 1 deletions

diff --git a/client/src/app/login/login.component.html b/client/src/app/login/login.component.html
index a69acfcb1..b61b66ec7 100644
--- a/client/src/app/login/login.component.html
+++ b/client/src/app/login/login.component.html
@@ -7,7 +7,7 @@
 
   <form role="form" (ngSubmit)="login()" [formGroup]="form">
     <div class="form-group">
-      <label for="username">Username or email address</label>
+      <label for="username">User</label>
       <input
         type="text" id="username" placeholder="Username or email address" required
         formControlName="username" [ngClass]="{ 'input-error': formErrors['username'] }"
diff --git a/client/src/sass/video-js-custom.scss b/client/src/sass/video-js-custom.scss
index 351ef21cd..8ff963573 100644
--- a/client/src/sass/video-js-custom.scss
+++ b/client/src/sass/video-js-custom.scss
@@ -42,6 +42,14 @@ $control-bar-height: 34px;
       border: 0;
       padding: 0
     }
+
+    .vjs-icon-placeholder::before {
+      transition: text-shadow 0.3s;
+    }
+
+    &:hover .vjs-icon-placeholder::before {
+      text-shadow: 0 0 2px rgba(255, 255, 255, 0.8);
+    }
   }
 
   &.vjs-has-started .vjs-big-play-button {