From 9327d29ff8c7581a4cbd0450cbccda229811424b Mon Sep 17 00:00:00 2001
From: Josemi <josemijuanes@gmail.com>
Date: Wed, 4 Dec 2024 19:30:04 +0100
Subject: [PATCH] wc: Add icons to analysis tools menu to collapse and expand
 submenus #TASK-7216 #TASK-7100

---
 src/webcomponents/commons/analysis/analysis-tools.js | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/webcomponents/commons/analysis/analysis-tools.js b/src/webcomponents/commons/analysis/analysis-tools.js
index 9b7d2488b..8ae266c9e 100644
--- a/src/webcomponents/commons/analysis/analysis-tools.js
+++ b/src/webcomponents/commons/analysis/analysis-tools.js
@@ -75,10 +75,11 @@ export default class AnalysisTools extends LitElement {
         return this._config.menu.map(item => {
             return html`
                 <div class="">
-                    <div class="fw-bold text-gray-700 fs-9 user-select-none">
-                        ${item.name}
+                    <div class="d-flex align-items-center gap-2 text-gray-700 fs-9 user-select-none py-1">
+                        <i class="fa fa-chevron-down"></i>
+                        <span class="fw-bold">${item.name}</span>
                     </div>
-                    <div class="">
+                    <div class="d-flex flex-column gap-1">
                         ${(item.submenu || []).map(tool => html`
                             <div class="btn w-full text-start ${tool.id === this._tool ? "btn-primary" : "hover:bg-gray-200"}" @click="${() => this.onChangeTool(tool.id)}">
                                 ${tool.name}
@@ -273,7 +274,7 @@ export default class AnalysisTools extends LitElement {
                 .icon="${this._config.icon}">
             </tool-header>
             <div class="row w-full">
-                <div class="col-2 d-flex flex-column gap-1">
+                <div class="col-2 d-flex flex-column gap-3">
                     ${this.renderMenu()}
                 </div>
                 <div class="col-10">