From 63b6a71ebd2e70cbe0d17a9c0012c036f4226074 Mon Sep 17 00:00:00 2001
From: Ploonet <53194438+Ploonet@users.noreply.github.com>
Date: Sun, 17 Sep 2023 15:36:34 +0200
Subject: [PATCH] feat(web): make settings accordion click area larger (#4119)

* feat: make settings accordion click area larger

* fix: svelte check & prettier

---------

Co-authored-by: Antony Mota <amota.confluenceconseil@boiron.fr>
---
 .../components/admin-page/settings/setting-accordion.svelte  | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)
 mode change 100644 => 100755 web/src/lib/components/admin-page/settings/setting-accordion.svelte

diff --git a/web/src/lib/components/admin-page/settings/setting-accordion.svelte b/web/src/lib/components/admin-page/settings/setting-accordion.svelte
old mode 100644
new mode 100755
index cb959ab8fe..f108600a6a
--- a/web/src/lib/components/admin-page/settings/setting-accordion.svelte
+++ b/web/src/lib/components/admin-page/settings/setting-accordion.svelte
@@ -8,7 +8,7 @@
 </script>
 
 <div class="border-b-[1px] border-gray-200 py-4 dark:border-gray-700">
-  <div class="flex place-items-center justify-between">
+  <button on:click={toggle} class="flex cursor-pointer place-items-center justify-between text-left">
     <div>
       <h2 class="font-medium text-immich-primary dark:text-immich-dark-primary">
         {title}
@@ -18,7 +18,6 @@
     </div>
 
     <button
-      on:click={toggle}
       aria-expanded={isOpen}
       class="immich-circle-icon-button flex place-content-center place-items-center rounded-full p-3 transition-all hover:bg-immich-primary/10 dark:text-immich-dark-fg hover:dark:bg-immich-dark-primary/20"
     >
@@ -36,7 +35,7 @@
         <path d="M19 9l-7 7-7-7" />
       </svg>
     </button>
-  </div>
+  </button>
 
   {#if isOpen}
     <ul transition:slide={{ duration: 250 }} class="mb-2 ml-4">