From 1136d8ff32d899eae4ad64836921cff9f7c411a1 Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Fri, 23 Nov 2018 22:28:14 +0100
Subject: [PATCH] fixing video design error

---
 .../grid/photo/photo.grid.gallery.component.html   | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.html b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.html
index 215ff045..f1e71733 100644
--- a/frontend/app/gallery/grid/photo/photo.grid.gallery.component.html
+++ b/frontend/app/gallery/grid/photo/photo.grid.gallery.component.html
@@ -1,20 +1,22 @@
 <div #photoContainer class="photo-container" (mouseover)="mouseOver()" (mouseout)="mouseOut()">
 
 
-  <img #img [src]="thumbnail.Src | fixOrientation:gridPhoto.Orientation | async"
+  <img alt="{{gridPhoto.media.name}}" #img [src]="thumbnail.Src | fixOrientation:gridPhoto.Orientation | async"
        *ngIf="thumbnail.Available">
 
-  <div *ngIf="gridPhoto.isVideo()" class="video-indicator"
-       [style.marginTop.px]="-container.nativeElement.offsetHeight"
-       [style.marginLeft.px]="container.nativeElement.offsetWidth">
-    {{gridPhoto.Video.metadata.duration  | duration}} <span class="oi oi-video"></span></div>
-
   <app-gallery-grid-photo-loading
     [error]="thumbnail.Error"
     [animate]="thumbnail.loading"
     *ngIf="!thumbnail.Available">
   </app-gallery-grid-photo-loading>
 
+
+  <div *ngIf="gridPhoto.isVideo()" class="video-indicator"
+       [style.marginTop.px]="-container.nativeElement.offsetHeight"
+       [style.marginLeft.px]="container.nativeElement.offsetWidth">
+    {{gridPhoto.Video.metadata.duration  | duration}} <span class="oi oi-video"></span></div>
+
+
   <!--Info box -->
   <div #info class="info"
        *ngIf="infoBar.visible"