From 032d0f295ddd7effe568b07d0dad6c13156e74e8 Mon Sep 17 00:00:00 2001
From: trivernis <trivernis@gmail.com>
Date: Sun, 19 Jan 2020 00:16:18 +0100
Subject: [PATCH] Change file input to material button

---
 .../profile/fileUpload/fileUploadDialog.component.html         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/components/profile/fileUpload/fileUploadDialog.component.html b/src/app/components/profile/fileUpload/fileUploadDialog.component.html
index 7edfd5c..3ed10fd 100644
--- a/src/app/components/profile/fileUpload/fileUploadDialog.component.html
+++ b/src/app/components/profile/fileUpload/fileUploadDialog.component.html
@@ -1,7 +1,8 @@
 <div id="file-upload-dialog">
   <h1 mat-dialog-title align="center">Upload a new Profile picture!</h1>
   <div class="uploadDialogContent" mat-dialog-content>
-    <input type="file" accept="image/*" (change)="onFileInputChange($event)" #name>
+    <input style="display: none" id="input-file" type="file" accept="image/*" (change)="onFileInputChange($event)" #name>
+    <label for="input-file" class="mat-button mat-raised-button mat-primary">Choose File</label>
     <div id="inputPreviewWrapper">
       <h2 *ngIf="localFileUrl">Preview:</h2>
       <img *ngIf="localFileUrl" id="inputPreview" [src]="localFileUrl"/>