Fix the bug on alignment when the vertical direction is selected

[natdink]

A clear and concise description of what the issue is.

When a container has direction set to vertical, the horizontal alignment buttons act like the vertical alignment buttons should and the vertical alignment buttons act like the horizontal buttons should.

How to reproduce the issue

Screen.Recording.2025-05-09.at.2.31.29.PM.mov

Expected results

Appropriate alignment based on the selection.

Actual results

Screen.Recording.2025-05-09.at.2.31.29.PM.mov

Environment

cfg-ai-demo

Checklist

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

• I have checked my terminal/console and have included relevant text here
• I have reproduced the issue with at least the latest released version.
• 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.

Requirements

What are more specific requirements that needs to take to consider this issue resolved.

• [ ]
• [ ]

[natdink]

@johbaxter we should address this bug before worrying about UX because getting it functinally working first will improve UX. (not saying we can't improve after)