From a7ef1e8cbf03579edc2ca711b011d8c74df67168 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 26 Dec 2024 14:55:00 +1300
Subject: [PATCH] increase space between icon and text

---
 src/frontend/components/profile/ProfilePage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/components/profile/ProfilePage.vue b/src/frontend/components/profile/ProfilePage.vue
index abb1737..40fb20d 100644
--- a/src/frontend/components/profile/ProfilePage.vue
+++ b/src/frontend/components/profile/ProfilePage.vue
@@ -49,7 +49,7 @@
                         <input v-model="search" type="text" :placeholder="`Search ${iconNames.length} icons...`" class="bg-gray-50 dark:bg-zinc-700 border border-gray-300 dark:border-zinc-600 text-gray-900 dark:text-gray-100 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:focus:ring-blue-600 dark:focus:border-blue-600 block w-full p-2.5">
                     </div>
                     <div class="divide-y">
-                        <div @click="onIconClick(mdiIconName)" v-for="mdiIconName of searchedIconNames" class="flex space-x-1 p-2 cursor-pointer hover:bg-gray-100">
+                        <div @click="onIconClick(mdiIconName)" v-for="mdiIconName of searchedIconNames" class="flex space-x-2 p-2 cursor-pointer hover:bg-gray-100">
                             <div class="my-auto">
                                 <LxmfUserIcon :icon-name="mdiIconName" :icon-foreground-colour="iconForegroundColour" :icon-background-colour="iconBackgroundColour"/>
                             </div>