From f8bc75f1f9b5cb2b8645fb96f3988c88da638725 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Fri, 7 Jul 2023 11:27:23 +1000
Subject: [PATCH] fix styling

---
 resources/js/components/SMSelectImage.vue | 27 +++++++++++++----------
 1 file changed, 15 insertions(+), 12 deletions(-)

diff --git a/resources/js/components/SMSelectImage.vue b/resources/js/components/SMSelectImage.vue
index 5699ec8..6c5e648 100644
--- a/resources/js/components/SMSelectImage.vue
+++ b/resources/js/components/SMSelectImage.vue
@@ -1,19 +1,22 @@
 <template>
-    <div class="control-item">
+    <div class="flex flex-col flex-1 flex-align-center">
         <label class="control-label" v-bind="{ for: id }">{{ label }}</label>
-        <div class="media-input-control">
+        <div v-if="mediaUrl?.length > 0" class="text-center">
             <img
-                v-if="mediaUrl?.length > 0"
+                class="max-w-48 max-h-48"
+                
                 :src="mediaGetVariantUrl(value, 'medium')" />
-            <svg
-                v-else
-                xmlns="http://www.w3.org/2000/svg"
-                viewBox="0 -960 960 960"
-                class="h-48 text-gray">
-                <path
-                    d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm56-97h489L578-473 446-302l-93-127-117 152Zm-56 97v-600 600Zm160.118-390Q361-570 375.5-584.618q14.5-14.617 14.5-35.5Q390-641 375.382-655.5q-14.617-14.5-35.5-14.5Q319-670 304.5-655.382q-14.5 14.617-14.5 35.5Q290-599 304.618-584.5q14.617 14.5 35.5 14.5Z"
-                    fill="currentColor" />
-            </svg>
+        </div>
+        <svg
+            v-else
+            xmlns="http://www.w3.org/2000/svg"
+            viewBox="0 -960 960 960"
+            class="h-48 text-gray">
+            <path
+                d="M180-120q-24 0-42-18t-18-42v-600q0-24 18-42t42-18h600q24 0 42 18t18 42v600q0 24-18 42t-42 18H180Zm0-60h600v-600H180v600Zm56-97h489L578-473 446-302l-93-127-117 152Zm-56 97v-600 600Zm160.118-390Q361-570 375.5-584.618q14.5-14.617 14.5-35.5Q390-641 375.382-655.5q-14.617-14.5-35.5-14.5Q319-670 304.5-655.382q-14.5 14.617-14.5 35.5Q290-599 304.618-584.5q14.617 14.5 35.5 14.5Z"
+                fill="currentColor" />
+        </svg>
+        <div class="text-center">
             <button
                 type="button"
                 class="font-medium px-6 py-1.5 rounded-md hover:shadow-md transition text-sm bg-sky-600 hover:bg-sky-500 text-white cursor-pointer"