From a79a0919e070159a771a2f0d5fd2f819583dc7f2 Mon Sep 17 00:00:00 2001
From: Marcus Quinn <marcus@agentdesign.co.uk>
Date: Sun, 16 Mar 2025 01:50:38 +0000
Subject: [PATCH] Fix chevron icon rotation and panel animation synchronization

---
 admin/settings.php | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/admin/settings.php b/admin/settings.php
index 49d8e5e..aacbf95 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -752,7 +752,8 @@ function wp_allstars_settings_page() {
                                 // Set initial state
                                 var isExpanded = $button.attr('aria-expanded') === 'true';
                                 $panel.toggle(isExpanded);
-                                updateIconState($icon, isExpanded);
+                                $icon.toggleClass('dashicons-arrow-up-alt2', isExpanded)
+                                     .toggleClass('dashicons-arrow-down-alt2', !isExpanded);
                                 
                                 // Handle click events
                                 $button.off('click').on('click', function(e) {
@@ -762,8 +763,9 @@ function wp_allstars_settings_page() {
                                     isExpanded = !isExpanded;
                                     $button.attr('aria-expanded', isExpanded);
                                     
-                                    // Update icon state
-                                    updateIconState($icon, isExpanded);
+                                    // Update icon classes
+                                    $icon.removeClass('dashicons-arrow-up-alt2 dashicons-arrow-down-alt2')
+                                         .addClass(isExpanded ? 'dashicons-arrow-up-alt2' : 'dashicons-arrow-down-alt2');
                                     
                                     // Animate panel
                                     $panel.slideToggle(200);
@@ -771,12 +773,6 @@ function wp_allstars_settings_page() {
                             });
                         }
                         
-                        function updateIconState($icon, isExpanded) {
-                            $icon.removeClass('dashicons-arrow-up-alt2 dashicons-arrow-down-alt2')
-                                 .addClass(isExpanded ? 'dashicons-arrow-up-alt2' : 'dashicons-arrow-down-alt2')
-                                 .css('transform', isExpanded ? 'rotate(180deg)' : 'rotate(0deg)');
-                        }
-                        
                         // Initialize on page load
                         initAccordion();
                     });
@@ -847,6 +843,10 @@ function wp_allstars_settings_page() {
                         line-height: 16px;
                     }
 
+                    .wp-allstars-expand-settings .dashicons-arrow-up-alt2 {
+                        transform: rotate(180deg);
+                    }
+
                     .wp-allstars-toggle-settings {
                         border-top: 1px solid #ccd0d4;
                         padding: 15px;