From c108bb9b8784014f971155367b82fa88eb213670 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Wed, 25 Nov 2020 17:41:30 +0300
Subject: [PATCH] Fixed #585 - FileUpload Preview columns become misaligned
 when both image and non-image files are uploaded

---
 src/components/fileupload/FileUpload.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/fileupload/FileUpload.vue b/src/components/fileupload/FileUpload.vue
index 1ffed03c1..16fc1c3ec 100755
--- a/src/components/fileupload/FileUpload.vue
+++ b/src/components/fileupload/FileUpload.vue
@@ -14,8 +14,8 @@
             <FileUploadMessage v-for="msg of messages" severity="error" :key="msg">{{msg}}</FileUploadMessage>
             <div class="p-fileupload-files" v-if="hasFiles">
                 <div class="p-fileupload-row" v-for="(file, index) of files" :key="file.name + file.type + file.size">
-                    <div v-if="isImage(file)">
-                        <img role="presentation" :alt="file.name" :src="file.objectURL" :width="previewWidth" />
+                    <div>
+                        <img v-if="isImage(file)" role="presentation" :alt="file.name" :src="file.objectURL" :width="previewWidth" />
                     </div>
                     <div>{{file.name}}</div>
                     <div>{{formatSize(file.size)}}</div>