From 90046613ca489123194310c83cf34badb1161355 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Thu, 11 Jul 2024 19:26:12 +0200
Subject: [PATCH] Moved remove btn to img container

---
 .../utilities/assetManager/partials/ObjectDetails.vue      | 5 +++--
 .../utilities/assetManager/partials/TileDetails.vue        | 7 +++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/utilities/assetManager/partials/ObjectDetails.vue b/src/components/utilities/assetManager/partials/ObjectDetails.vue
index 0f1fbca..7b08d80 100644
--- a/src/components/utilities/assetManager/partials/ObjectDetails.vue
+++ b/src/components/utilities/assetManager/partials/ObjectDetails.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="h-full overflow-auto">
-    <div class="relative p-2.5 flex items-center justify-center h-[300px]">
+    <div class="relative p-2.5 flex flex-col items-center justify-between h-[300px]">
+      <div class="filler"></div>
       <img class="max-h-[280px]" :src="`${config.server_endpoint}/assets/objects/${selectedObject?.id}.png`" :alt="'Object ' + selectedObject?.id" />
+      <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click.prevent="removeObject">Remove</button>
       <div class="absolute left-0 bottom-0 w-full h-[1px] bg-cyan-200"></div>
     </div>
     <div class="m-2.5 p-2.5 block">
@@ -19,7 +21,6 @@
           <input v-model="objectOriginY" class="input-cyan" type="number" step="any" name="origin-y" placeholder="Origin Y" />
         </div>
         <button class="btn-cyan px-[15px] py-1.5 min-w-[100px]" type="submit">Save</button>
-        <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click.prevent="removeObject">Remove</button>
       </form>
     </div>
   </div>
diff --git a/src/components/utilities/assetManager/partials/TileDetails.vue b/src/components/utilities/assetManager/partials/TileDetails.vue
index d74effc..c286ba7 100644
--- a/src/components/utilities/assetManager/partials/TileDetails.vue
+++ b/src/components/utilities/assetManager/partials/TileDetails.vue
@@ -1,7 +1,9 @@
 <template>
   <div class="h-full overflow-auto">
-    <div class="relative p-2.5 flex items-center justify-center h-[300px]">
+    <div class="relative p-2.5 flex flex-col items-center justify-between h-[300px]">
+      <div class="filler"></div>
       <img class="max-h-[280px]" :src="tileImageUrl" :alt="'Tile ' + selectedTile" />
+      <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click="removeTile">Remove</button>
       <div class="absolute left-0 bottom-0 w-full h-[1px] bg-cyan-200"></div>
     </div>
     <div class="m-2.5 p-2.5 block">
@@ -10,9 +12,6 @@
           <label class="mb-1.5 font-titles" for="tags">Tags</label>
           <ChipsInput v-model="tags" @update:modelValue="handleTagsUpdate" />
         </div>
-        <div class="w-full">
-          <button class="btn-bordeaux px-[15px] py-1.5 min-w-[100px]" type="button" @click="removeTile">Remove</button>
-        </div>
       </form>
     </div>
   </div>