Fix: Left align action buttons in WhatsApp forms

[ankit-mehta07]

Fixes #3677

Summary

Updated the WhatsApp forms action buttons to be left-aligned for consistency with other forms.

Result

All WhatsApp form action buttons are now left-aligned and match the platform styling.

Summary by CodeRabbit

• Style
  • Adjusted action element alignment from right to left across group collections, polls, and form list views for improved layout consistency.
  • Added left padding to action elements in form lists.
  • Updated styling references for status column display.

[coderabbitai]

Walkthrough

This pull request updates CSS alignment for action buttons across multiple WhatsApp form components. The .Actions class in three CSS modules changes from right-aligned (text-align: end) to left-aligned (text-align: start), with one module additionally adding left padding. A CSS selector in one module is adjusted for formatting consistency. The TypeScript file references an updated CSS class name for the Status column styling.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~10 minutes

Possibly related PRs

• PR #3624 — Introduces the WhatsAppFormList.module.css file that this PR modifies for .Actions alignment
• PR #3646 — Implements the same .Actions text alignment pattern in other listing page CSS modules

Suggested reviewers

• shijithkjayan
• akanshaaa19
• priyanshu6238
• madclaws

Poem

🐰 From right to left, the buttons hop,
Alignment starts, no more shall stop,
Consistency blooms across the form,
Left-aligned now—the newborn norm!
CSS rules, so neat and bright, ✨

🚥 Pre-merge checks | ✅ 6

✅ Passed checks (6 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately describes the main change: left-aligning action buttons in WhatsApp forms, which is the primary objective of this PR.
Linked Issues check	✅ Passed	The PR successfully addresses issue #3677 by changing text-align from end to start in all three WhatsApp form-related CSS modules (GroupCollectionList, WaPollsList, WhatsAppFormList) and updating the corresponding CSS class mapping.
Out of Scope Changes check	✅ Passed	All changes are scoped to left-aligning action buttons in WhatsApp forms. Minor formatting changes (spacing in CSS selectors, blank lines) and padding adjustments are directly related to achieving the alignment objective.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Merge Conflict Detection	✅ Passed	✅ No merge conflicts detected when merging into master

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment

---

No actionable comments were generated in the recent review. 🎉

🧹 Recent nitpick comments

src/containers/WhatsAppForms/WhatsAppFormList/WhatsAppFormList.module.css (1)

11-11: Minor: whitespace-only selector change.

Removing the spaces around > in .SearchBar>fieldset is a cosmetic change unrelated to the PR objective. Not a problem, just noting it's a drive-by formatting tweak.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}

[codecov]

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 82.72%. Comparing base (44dc134) to head (888e25a).

Additional details and impacted files

@@            Coverage Diff             @@
##           master    #3771      +/-   ##
==========================================
- Coverage   82.80%   82.72%   -0.09%     
==========================================
  Files         320      320              
  Lines       11998    11998              
  Branches     2524     2524              
==========================================
- Hits         9935     9925      -10     
- Misses       1304     1314      +10     
  Partials      759      759              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.