Fix visual regressions on refund with line items view

[witoszekdev]

Fixed visual regressions and bugs on granted refund page.

• Added proper padding on refund amount summary
• fixed spacing in right sidebar
• fixed text overflow in transaction card

CleanShot.2025-10-09.at.14.32.01.mp4

[changeset-bot]

🦋 Changeset detected

Latest commit: 9d6cdb9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
saleor-dashboard	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment

Project	Deployment	Preview	Comments	Updated (UTC)
saleor-dashboard-storybook	Ignored	Preview		Oct 9, 2025 1:02pm

[Copilot]

Pull Request Overview

This PR fixes visual regressions in the refund with line items view by addressing layout spacing and margin issues.

• Replaced flex layout with CSS grid for better alignment of refund summary items
• Added consistent spacing between sidebar components using gap property
• Fixed missing margin on warning component in manual transaction refund page

Reviewed Changes

Copilot reviewed 3 out of 3 changed files in this pull request and generated 3 comments.

File	Description
OrderTransactionSummary.tsx	Refactored layout from flex to grid system with custom line separator component
OrderTransactionRefundPage.tsx	Added gap spacing to sidebar container and removed redundant margins
OrderManualTransactionRefundPage.tsx	Added missing top margin to warning component

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[codecov]

Codecov Report

❌ Patch coverage is 41.66667% with 21 lines in your changes missing coverage. Please review.
✅ Project coverage is 40.08%. Comparing base (99a4948) to head (9d6cdb9).
⚠️ Report is 1 commits behind head on main.

Files with missing lines	Patch %	Lines
...ts/OrderTransactionTiles/OrderTransactionTiles.tsx	0.00%	9 Missing ⚠️
src/components/Sidebar/SidebarContext.tsx	60.00%	6 Missing ⚠️
...ansactionRefundSummary/OrderTransactionSummary.tsx	0.00%	5 Missing ⚠️
...ansactionRefundPage/OrderTransactionRefundPage.tsx	0.00%	1 Missing ⚠️

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #5951      +/-   ##
==========================================
+ Coverage   40.07%   40.08%   +0.01%     
==========================================
  Files        2473     2474       +1     
  Lines       40234    40256      +22     
  Branches     8854     8856       +2     
==========================================
+ Hits        16124    16138      +14     
- Misses      24083    24091       +8     
  Partials       27       27              

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

[Copilot]

Pull Request Overview

Copilot reviewed 8 out of 8 changed files in this pull request and generated 1 comment.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 9 out of 9 changed files in this pull request and generated 6 comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated 3 comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated no new comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated 1 comment.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 10 out of 10 changed files in this pull request and generated no new comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Copilot]

Pull Request Overview

Copilot reviewed 11 out of 11 changed files in this pull request and generated 2 comments.

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}