From 581b732b055ddad71dd2575856357f2d17da10b7 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Tue, 29 Aug 2023 08:44:56 +1000
Subject: [PATCH] layout fixes

---
 resources/js/components/dialogs/SMDialogMedia.vue | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/resources/js/components/dialogs/SMDialogMedia.vue b/resources/js/components/dialogs/SMDialogMedia.vue
index 41fa29a..330961c 100644
--- a/resources/js/components/dialogs/SMDialogMedia.vue
+++ b/resources/js/components/dialogs/SMDialogMedia.vue
@@ -133,6 +133,7 @@
                                         @dblclick="handleDblClickItem(item.id)">
                                         <div
                                             :class="[
+                                                'my-1',
                                                 'h-30',
                                                 'w-40',
                                                 'bg-contain',
@@ -258,7 +259,7 @@
                                 <div
                                     class="flex text-xs border-b border-gray-3 pb-4">
                                     <div
-                                        class="w-100 h-100 max-h-20 max-w-20 mr-2 bg-contain bg-no-repeat bg-center"
+                                        class="w-100 h-100 max-h-15 max-w-15 mr-2 bg-contain bg-no-repeat bg-center"
                                         :style="{
                                             backgroundImage: `url('${mediaGetThumbnail(
                                                 lastSelected,
@@ -275,6 +276,9 @@
                                                 )
                                             }}
                                         </p>
+                                        <p class="m-0">
+                                            {{ lastSelected.mime_type }}
+                                        </p>
                                         <p class="m-0">
                                             {{
                                                 bytesReadable(
@@ -675,10 +679,11 @@ const getMediaItem = (item_id: string): Media | null => {
 };
 
 const showMediaName = (media: Media): boolean => {
-    return !(
-        media.mime_type.startsWith("image/") ||
-        media.mime_type.startsWith("video/")
-    );
+    return true;
+    // return !(
+    //     media.mime_type.startsWith("image/") ||
+    //     media.mime_type.startsWith("video/")
+    // );
 };
 
 /**