feat(client): Bug fixed on Alignment in Container Component

[pallabi2303]

Description

Bug fixed on alignment when the vertical direction is selected in container component

Changes Made

Fixed the Bottom alignment in vertical alignment when the the Direction is towards column (Arrow Downwards)

How to Test

1. Apps -> Create New App -> Drag and Drop -> add Container component -> Block Settings
2. In Appearance of Block settings User can check the Vertical Alignment options

[github-actions]

@CodiumAI-Agent /describe

[CodiumAI-Agent]

Title

feat(client): Bug fixed on Alignment in Container Component

---

User description

Description

Bug fixed on alignment when the vertical direction is selected in container component

Changes Made

Fixed the Bottom alignment in vertical alignment when the the Direction is towards column (Arrow Downwards)

How to Test

1. Apps -> Create New App -> Drag and Drop -> add Container component -> Block Settings
2. In Appearance of Block settings User can check the Vertical Alignment options

---

PR Type

Bug fix

---

Description

• Fix bottom alignment in vertical direction

• Replace 'left'/'right' with flex-start/end

• Update alignment title to 'Bottom'

---

Changes walkthrough 📝

	Relevant files
Bug fix	ContainerLayoutSettings.tsx Correct vertical bottom alignment                                                libs/renderer/src/components/block-settings/custom/ContainerLayoutSettings.tsx Replaced 'left' with 'flex-start' and 'right' with 'flex-end' Updated alignment title from "Right" to "Bottom" Ensured proper bottom alignment in vertical layout +3/-3

---

Need help?

Type /help how to ... in the comments thread for any questions about PR-Agent usage.

Check out the documentation for more information.

[github-actions]

@CodiumAI-Agent /review

[CodiumAI-Agent]

PR Reviewer Guide 🔍

Here are some key observations to aid the review process:

⏱️ Estimated effort to review: 1 🔵⚪⚪⚪⚪

🧪 No relevant tests

🔒 No security concerns identified

⚡ Recommended focus areas for review Missing title The first alignment option now uses flex-start but lacks a title property (e.g., "Top" or "Left"), leading to inconsistent option labels. { value: "flex-start", icon: flexDirection === "row" ? AlignHorizontalLeft : VerticalAlignTop, Missing value The center alignment option doesn't specify a value (likely "center"), which may cause it to be non-functional. icon: flexDirection === "row" ? AlignHorizontalCenter : VerticalAlignCenter, title: "Center", isDefault: false, },

[github-actions]

@CodiumAI-Agent /improve

[CodiumAI-Agent]

PR Code Suggestions ✨

Category	Suggestion	Impact
Possible issue	Conditionally set flex-end title Make the title for the flex-end option dynamic so it correctly reads "Right" in row layouts and "Bottom" in column layouts. This avoids showing "Bottom" when in a horizontal alignment context. libs/renderer/src/components/block-settings/custom/ContainerLayoutSettings.tsx [718] -title: "Bottom", +title: flexDirection === "row" ? "Right" : "Bottom", Suggestion importance[1-10]: 8 __ Why: The static title: "Bottom" incorrectly labels the flex-end option in row layouts as "Bottom", so making it dynamic to "Right" improves accuracy and UX.	Medium
	Add dynamic flex-start title Add a dynamic title for the flex-start option so it shows "Left" for row direction and "Top" for column direction, ensuring consistency with the icon and alignment context. libs/renderer/src/components/block-settings/custom/ContainerLayoutSettings.tsx [695] value: "flex-start", +title: flexDirection === "row" ? "Left" : "Top", Suggestion importance[1-10]: 6 __ Why: Adding a dynamic title for flex-start ensures the option is labeled "Left" for rows and "Top" for columns, aligning with the icon and context.	Low

[github-actions]

@CodiumAI-Agent /update_changelog

[CodiumAI-Agent]

Changelog updates: 🔄

2025-05-19 *

Fixed

• Fixed bottom alignment for vertical orientation in Container component

to commit the new content to the CHANGELOG.md file, please type:
'/update_changelog --pr_update_changelog.push_changelog_changes=true'