Bar charts HORIZONTAL margin adjustment error

[kainchow]

When I create a bar chart and switch the Chart Orientation to HORIZONTAL, click on Show Legend and select the ORIENTATION of Legend as Left or Bottom, add a Margin for the legend, which is oriented Left and the Margin is adjusted to Bottom, and vice versa!

How to reproduce the bug

1. Go to 'Create a Bar chart'
2. Click on 'CUSTOMIZE-HORIZONTAL'
3. Scroll down to 'Legend'
4. Choose 'ORIENTATION-left/bottom'
5. Enter the value in 'Margin'
6. See error

Expected results

When left is selected for ORIENTATION, the margin is adjusted left, not bottom.

Actual results

When left is selected for ORIENTATION, the margin is adjusted to bottom, not left.

Screenshots

20240105-115417.mp4

Environment

(please complete the following information):

• browser type and version: Microsoft Edge 120.0.2210.61
• superset version: 3.1.0
• python version: 3.9.18
• node.js version: node -v
• any feature flags active:

Checklist

Make sure to follow these steps before submitting your issue - thank you!

• I have checked the superset logs for python stacktraces and included it here as text if there are any.
• I have reproduced the issue with at least the latest released version of superset.
• I have checked the issue tracker for the same issue and I haven't found one similar.

Additional context

Add any other context about the problem here.