Fix Orders Table Status Box Layout

[fairlighteth]

Fix Orders Table Status Box Layout

Addresses #5403

Description

This PR addresses layout issues in the orders table, specifically focusing on the status box component and overall column widths. The changes ensure better visual consistency and prevent text wrapping issues in the status indicators.

Changes

1. Status Box Improvements

   • Added white-space: nowrap to prevent status text from breaking into multiple lines
   • This ensures status indicators remain on a single line for better readability. Specifically for the 'partially filled' status.

2. Table Column Width Adjustments

   • Fine-tuned column widths in both history tab and default layouts
   • Standardized status column width to minmax(106px,112px) (previously minmax(80px, 0.8fr))
   • Adjusted adjacent columns for better overall table balance

Files Changed

• apps/cowswap-frontend/src/modules/ordersTable/pure/OrderStatusBox/index.tsx
• apps/cowswap-frontend/src/modules/ordersTable/pure/OrdersTableContainer/styled.tsx

Type of Change

• Bug fix (non-breaking change fixing layout issues)
• New feature (non-breaking change adding functionality)
• Breaking change (fix or feature causing existing functionality to change)

Testing Steps

1. Open the orders table
2. Verify status indicators don't wrap to multiple lines
3. Check both history tab and default layouts
4. Ensure column widths are consistent and properly aligned

Screenshots

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
cosmos	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am
cowfi	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am
explorer-dev	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am
sdk-tools	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am
swap-dev	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am
widget-configurator	✅ Ready (Inspect)	Visit Preview	Feb 6, 2025 11:45am

[elena-zh]

Thank you, @fairlighteth ,
looks good to me!