From 68037613d88b69243ca73a205dfafb4f46276aad Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Sun, 2 Aug 2020 18:25:41 -0400
Subject: [PATCH] Added icon for file type (audio/video) next to the download
 date

---
 .../unified-file-card/unified-file-card.component.html     | 2 +-
 .../unified-file-card/unified-file-card.component.scss     | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/components/unified-file-card/unified-file-card.component.html b/src/app/components/unified-file-card/unified-file-card.component.html
index ef73341..862b6ab 100644
--- a/src/app/components/unified-file-card/unified-file-card.component.html
+++ b/src/app/components/unified-file-card/unified-file-card.component.html
@@ -1,5 +1,5 @@
 <div style="position: relative; width: fit-content;">
-    <div class="download-time">{{file_obj.registered | date:'shortDate'}}</div>
+    <div class="download-time"><mat-icon class="audio-video-icon">{{file_obj.isAudio ? 'audiotrack' : 'movie'}}</mat-icon>&nbsp;&nbsp;{{file_obj.registered | date:'shortDate'}}</div>
     <button [matMenuTriggerFor]="action_menu" class="menuButton" mat-icon-button><mat-icon>more_vert</mat-icon></button>
     <mat-menu #action_menu="matMenu">
         <button (click)="openFileInfoDialog()" mat-menu-item><mat-icon>info</mat-icon><ng-container i18n="Video info button">Info</ng-container></button>
diff --git a/src/app/components/unified-file-card/unified-file-card.component.scss b/src/app/components/unified-file-card/unified-file-card.component.scss
index b26745b..1de9655 100644
--- a/src/app/components/unified-file-card/unified-file-card.component.scss
+++ b/src/app/components/unified-file-card/unified-file-card.component.scss
@@ -94,11 +94,16 @@
 
 .download-time {
   position: absolute;
-  top: 5px;
+  top: 1px;
   left: 5px;
   z-index: 99999;
 }
 
+.audio-video-icon {
+  position: relative;
+  top: 6px;
+}
+
 @media (max-width: 576px){
   
   // .example-card {