From 3110d2cc69ff357f9802f156205645f8a3ae3bd8 Mon Sep 17 00:00:00 2001
From: Gazook89 <John.W.Jones89@gmail.com>
Date: Thu, 28 May 2026 11:43:05 -0500
Subject: [PATCH] Add icons to menu triggers

This fixes the odd alignments of menu-wrapper names by ensuring that both menuitems and menu-wrappers (actually their child triggers) both have space for icons.
---
 client/components/dropdown/dropdown.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/components/dropdown/dropdown.jsx b/client/components/dropdown/dropdown.jsx
index 283ed3172..32587c60e 100644
--- a/client/components/dropdown/dropdown.jsx
+++ b/client/components/dropdown/dropdown.jsx
@@ -64,10 +64,10 @@ const Dropdown = ({ groupName, className = null, icon, children, color = null, c
 	// the trigger is the piece placed inside the opening button of the menu.
 	// This method allows for creating a generic span with the group name,
 	// or using a bespoke element (like a graphic) passed in from props to be used as the trigger
-	const trigger = (groupName)=>{
+	const trigger = (groupName, icon)=>{
 		if(!customTrigger){
 			return <>
-				<span className='menu-name'>{groupName}</span><i className={`caret fas fa-caret-${isSubMenu ? 'right' : 'down'}`}></i>
+				<i className={icon}></i><span className='menu-name'>{groupName}</span><i className={`caret fas fa-caret-${isSubMenu ? 'right' : 'down'}`}></i>
 			</>;
 		} else {
 			return customTrigger;
@@ -104,7 +104,7 @@ const Dropdown = ({ groupName, className = null, icon, children, color = null, c
 				disabled={!React.Children.count(children)}
 				ref={triggerRef}
 			>
-				{trigger(groupName)}
+				{trigger(groupName, icon)}
 			</button>
 			<MenuDepthContext.Provider value={depth + 1}>
 				<div