Add link to video in update view and smooth progress bar repositioning

client/src/app/videos/+video-edit/shared/video-edit.component.scss

@@ -5,6 +5,15 @@
   @include peertube-select-container(auto);
 }
 
+.title-page a {
+  color: var(--mainForegroundColor);
+
+  &:hover {
+    text-decoration: none;
+    opacity: .8;
+  }
+}
+
 my-peertube-checkbox {
   display: block;
   margin-bottom: 1rem;

client/src/app/videos/+video-edit/video-update.component.html

@@ -1,6 +1,7 @@
 <div class="margin-content">
-  <div i18n class="title-page title-page-single">
-    Update {{ video?.name }}
+  <div class="title-page title-page-single">
+    <span class="mr-1" i18n>Update</span>
+    <a [routerLink]="[ '/videos/watch', video.uuid ]">{{ video?.name }}</a>
   </div>
 
   <form novalidate [formGroup]="form">

client/src/app/videos/+video-edit/video-update.component.ts

@@ -35,7 +35,6 @@ export class VideoUpdateComponent extends FormReactive implements OnInit {
     private route: ActivatedRoute,
     private router: Router,
     private notifier: Notifier,
-    private serverService: ServerService,
     private videoService: VideoService,
     private loadingBar: LoadingBarService,
     private videoCaptionService: VideoCaptionService,

client/src/sass/player/peertube-skin.scss

@@ -185,6 +185,7 @@ body {
 
         .vjs-play-progress {
           background: var(--embedForegroundColor);
+          transition: all .2s ease 0s;
 
           // Not display the circle if the progress is not hovered
           &::before {