From 47474b3d9700b9b1a145953b60389fdcd058cf13 Mon Sep 17 00:00:00 2001
From: Colin Kallemein <cakallemein@gmail.com>
Date: Wed, 24 Jul 2024 23:50:20 +0200
Subject: [PATCH] Fixed paddings on list buttons

---
 .../utilities/assetManager/partials/object/ObjectList.vue   | 2 +-
 .../assetManager/partials/sprite/SpriteDetails.vue          | 6 +++---
 .../utilities/assetManager/partials/sprite/SpriteList.vue   | 2 +-
 .../utilities/assetManager/partials/tile/TileList.vue       | 2 +-
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/utilities/assetManager/partials/object/ObjectList.vue b/src/components/utilities/assetManager/partials/object/ObjectList.vue
index 09ab2ef..a67ea67 100644
--- a/src/components/utilities/assetManager/partials/object/ObjectList.vue
+++ b/src/components/utilities/assetManager/partials/object/ObjectList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="relative p-2.5 flex items-center gap-x-2.5">
     <input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
-    <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-6 h-6">
+    <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
       <input class="hidden" id="upload-asset" ref="objectUploadField" type="file" accept="image/png" multiple @change="handleFileUpload" />
       <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
diff --git a/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue b/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
index 8b7c67c..714dfac 100644
--- a/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
+++ b/src/components/utilities/assetManager/partials/sprite/SpriteDetails.vue
@@ -6,8 +6,8 @@
           <input v-model="spriteName" class="input-cyan w-full" type="text" name="name" placeholder="New sprite" />
         </div>
         <div class="flex gap-2 w-full sm:w-auto">
-          <button class="btn-cyan px-4 py-1.5 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
-          <button class="btn-bordeaux px-4 py-1.5 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="removeSprite">Remove</button>
+          <button class="btn-cyan px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="saveSprite">Save</button>
+          <button class="btn-bordeaux px-4 py-2 flex-1 sm:flex-none sm:min-w-24" type="button" @click.prevent="removeSprite">Remove</button>
         </div>
       </div>
       <div class="w-full h-px bg-cyan-200"></div>
@@ -19,7 +19,7 @@
           <div class="flex items-center">
             {{ image.name }}
             <div class="ml-auto flex gap-2">
-              <label for="upload-asset" class="text-sm bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
+              <label for="upload-asset" class="text-sm bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 px-4 py-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
                 <input class="hidden" id="upload-asset" type="file" accept="image/png" @change="(event) => handleImageUpload(event, image)" />
                 Set image
               </label>
diff --git a/src/components/utilities/assetManager/partials/sprite/SpriteList.vue b/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
index 3200b78..e592487 100644
--- a/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
+++ b/src/components/utilities/assetManager/partials/sprite/SpriteList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="relative p-2.5 flex items-center gap-x-2.5">
     <input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
-    <button @click.prevent="newButtonClickHandler" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-9 h-9">
+    <button @click.prevent="newButtonClickHandler" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
       <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />
       </svg>
diff --git a/src/components/utilities/assetManager/partials/tile/TileList.vue b/src/components/utilities/assetManager/partials/tile/TileList.vue
index 0fcb043..6c03e6b 100644
--- a/src/components/utilities/assetManager/partials/tile/TileList.vue
+++ b/src/components/utilities/assetManager/partials/tile/TileList.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="relative p-2.5 flex items-center gap-x-2.5">
     <input v-model="searchQuery" class="input-cyan flex-grow" placeholder="Search..." @input="handleSearch" />
-    <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-1.5 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer w-6 h-6">
+    <label for="upload-asset" class="bg-cyan/50 border border-solid border-white/25 rounded drop-shadow-20 p-2 inline-flex items-center justify-center hover:bg-cyan hover:cursor-pointer">
       <input class="hidden" id="upload-asset" ref="tileUploadField" type="file" accept="image/png" multiple @change="handleFileUpload" />
       <svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
         <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4" />