fix(demo): fix demo styles in vaadin 25

[javier-godoy]

Summary by CodeRabbit

• Style
  • Enhanced layout and spacing with improved vertical flex container styling and dynamic gap adjustments.

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

Configuration used: Organization UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between eb05a42 and 205bb5e.

📒 Files selected for processing (1)

• src/test/resources/META-INF/frontend/styles/zoomist-demo-styles.css

---

Walkthrough

A new CSS rule was added to a demo styles file that applies flex layout and spacing properties to a specific selector without modifying or removing existing rules.

Changes

Cohort / File(s)	Summary
CSS Styling Update src/test/resources/META-INF/frontend/styles/zoomist-demo-styles.css	Added a new CSS rule for #content.zoomist:not(.demos-v24) that sets vertical flex layout with theme-based gap spacing.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

🚥 Pre-merge checks | ✅ 3

✅ Passed checks (3 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title 'fix(demo): fix demo styles in vaadin 25' directly matches the changeset which adds CSS styling fixes for demo components in Vaadin 25 compatibility.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.

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

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch demo-styles-25

---

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

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud