From 1de13d6e9649f4df2c87a5dd265defac926f9974 Mon Sep 17 00:00:00 2001
From: Jin Igarashi <igarashi.jin@water-gis.com>
Date: Fri, 29 Dec 2023 16:16:51 +0000
Subject: [PATCH] fix: made chevron icon for layer tab accordion smaller

---
 .../pages/map/layers/LayerTemplate.svelte          | 14 +++++---------
 1 file changed, 5 insertions(+), 9 deletions(-)

diff --git a/sites/geohub/src/components/pages/map/layers/LayerTemplate.svelte b/sites/geohub/src/components/pages/map/layers/LayerTemplate.svelte
index 64c58d1021..dbc90da24d 100644
--- a/sites/geohub/src/components/pages/map/layers/LayerTemplate.svelte
+++ b/sites/geohub/src/components/pages/map/layers/LayerTemplate.svelte
@@ -35,7 +35,6 @@
 	const dispatch = createEventDispatcher();
 
 	export let layer: Layer;
-	export let hideToggleButton = false;
 	export let showEditButton = false;
 
 	if (!('isExpanded' in layer)) {
@@ -164,20 +163,17 @@
 <article class="is-flex is-flex-direction-column border">
 	<div class="header is-flex pl-2 py-4">
 		<div
-			class="layer-header is-flex is-align-items-center pr-2 {!hideToggleButton ? 'toggle' : ''}"
+			class="layer-header is-flex is-align-items-center pr-2 toggle"
 			role="button"
 			tabindex="0"
 			on:keydown={handleEnterKey}
 			on:click={() => {
-				if (hideToggleButton) return;
 				isExpanded = !isExpanded;
 			}}
 		>
-			{#if !hideToggleButton}
-				<div class="toggle-button icon has-text-primary mr-3">
-					<i class="fa-solid fa-chevron-{isExpanded ? 'up' : 'down'} fa-xl"></i>
-				</div>
-			{/if}
+			<div class="toggle-button has-text-primary mr-3">
+				<i class="fa-solid fa-chevron-{isExpanded ? 'up' : 'down'}"></i>
+			</div>
 
 			<span
 				class="layer-name is-size-6 has-text-grey-dark"
@@ -226,7 +222,7 @@
 			</div>
 		</div>
 	</div>
-	<div class="has-text-dark pb-2" hidden={hideToggleButton === true ? false : !isExpanded}>
+	<div class="has-text-dark pb-2" hidden={!isExpanded}>
 		{#key isLayerChanged}
 			<slot name="content" />
 		{/key}