feat: change grid to flex - flower metrics section

[YounixM]

Before:

After:

---

Important

Change metric-page-grid layout from grid to flex in CeleryTaskGraph.style.scss.

• Layout Change:
  • Change metric-page-grid from grid to flex layout in CeleryTaskGraph.style.scss.
  • Set flex-direction: row for metric-page-grid to align items horizontally.

^{This description was created by for 66a120f. It will automatically update as commits are pushed.}

[ellipsis-dev]

👍 Looks good to me! Reviewed everything up to 66a120f in 36 seconds

More details

• Looked at 16 lines of code in 1 files
• Skipped 0 files when reviewing.
• Skipped posting 2 drafted comments based on config settings.

1. frontend/src/components/CeleryTask/CeleryTaskGraph/CeleryTaskGraph.style.scss:118

• Draft comment:
  Switching from grid to flex removes the explicit column sizing. Confirm that the layout still meets design requirements across different screen sizes and that spacing/alignment behave as expected.
• Reason this comment was not posted:
  Marked as duplicate.

2. frontend/src/components/CeleryTask/CeleryTaskGraph/CeleryTaskGraph.style.scss:118

• Draft comment:
  Switching .metric-page-grid from grid to flex removes explicit column sizing (grid-template-columns) and vertical alignment (align-items: flex-start). Ensure that child elements get the intended widths and alignment—consider using flex properties (e.g., flex-basis) if fixed column ratios are needed.
• Reason this comment was not posted:
  Comment did not seem useful: The comment starts with 'Ensure that...', which is a red flag according to the rules. It suggests ensuring that child elements get the intended widths and alignment, which is not allowed. The comment is not approved.

Workflow ID: wflow_9Txbi2nLywRwUseT

---

You can customize Ellipsis with 👍 / 👎 feedback, review rules, user-specific overrides, quiet mode, and more.