swap icon positions

elastic · Nov 12, 2024 · e0a313d · e0a313d
1 parent 31978dd
commit e0a313d
Showing 1 changed file with 15 additions and 15 deletions.
diff --git a/packages/kbn-unified-field-list/src/components/field_popover/field_popover_header.tsx b/packages/kbn-unified-field-list/src/components/field_popover/field_popover_header.tsx
@@ -99,21 +99,6 @@ export const FieldPopoverHeader: React.FC<FieldPopoverHeaderProps> = ({
             <h5 className="eui-textBreakWord">{field.displayName}</h5>
           </EuiTitle>
         </EuiFlexItem>
-        {onAddBreakdownField && (
-          <EuiFlexItem grow={false} data-test-subj="fieldPopoverHeader_addBreakdownField">
-            <EuiToolTip content={addBreakdownFieldTooltip}>
-              <EuiButtonIcon
-                data-test-subj={`fieldPopoverHeader_addBreakdownField-${field.name}`}
-                aria-label={addBreakdownFieldTooltip}
-                iconType="visBarVerticalStacked"
-                onClick={() => {
-                  closePopover();
-                  onAddBreakdownField(field);
-                }}
-              />
-            </EuiToolTip>
-          </EuiFlexItem>
-        )}
         {onAddFieldToWorkspace && (
           <EuiFlexItem grow={false} data-test-subj="fieldPopoverHeader_addField">
             <EuiToolTip
@@ -132,6 +117,21 @@ export const FieldPopoverHeader: React.FC<FieldPopoverHeaderProps> = ({
             </EuiToolTip>
           </EuiFlexItem>
         )}
+        {onAddBreakdownField && (
+          <EuiFlexItem grow={false} data-test-subj="fieldPopoverHeader_addBreakdownField">
+            <EuiToolTip content={addBreakdownFieldTooltip}>
+              <EuiButtonIcon
+                data-test-subj={`fieldPopoverHeader_addBreakdownField-${field.name}`}
+                aria-label={addBreakdownFieldTooltip}
+                iconType="visBarVerticalStacked"
+                onClick={() => {
+                  closePopover();
+                  onAddBreakdownField(field);
+                }}
+              />
+            </EuiToolTip>
+          </EuiFlexItem>
+        )}
         {onAddFilter && field.filterable && !field.scripted && (
           <EuiFlexItem grow={false} data-test-subj="fieldPopoverHeader_addExistsFilter">
             <EuiToolTip content={buttonAddFilterProps?.['aria-label'] ?? addExistsFilterTooltip}>