fix: checkbox alignment

[harshtandiya]

Summary by CodeRabbit

• Style

  • Refined checkbox field layout for improved full-width consistency and better visual alignment in edit mode.
  • Enhanced spacing and styling behavior across field components for more uniform presentation.

• Bug Fixes

  • Fixed unnecessary description text rendering when no description is available.

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[coderabbitai]

Caution

Review failed

The pull request is closed.

📝 Walkthrough

Walkthrough

The pull request refines styling and conditional rendering in a Vue component's Checkbox field path. Changes include enforcing full-width layout through consistent CSS class application, updating input styling in edit mode, and making description element rendering conditional on data existence.

Changes

Cohort / File(s)	Summary
Checkbox Field Layout & Styling Refinement frontend/src/components/builder/FieldRenderer.vue	Standardized full-width layout by adding w-full classes to container wrappers; updated input styling in edit mode to use !w-full and w-full instead of w-fit; made description element rendering conditional on fieldData.description presence; consolidated edit-state class bindings for text input; removed trailing whitespace.

Estimated code review effort

🎯 2 (Simple) | ⏱️ ~12 minutes

Poem

🐰✨ A checkbox finds its perfect width,
With classes clean and layout swift,
Descriptions show when data's there,
Full-width wrappers everywhere!
The form flows smooth, the styles align,
One small component, now divine! 🎨

---

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.}