fix(frontend): ensure consistent width across all matches tabs

- Add w-full to MatchCard for consistent card width
- Use Layout noPadding to avoid padding conflicts
- Add explicit padding and width control to main container
- Ensure All, Pending, and Active tabs have identical width
This commit is contained in:
Radosław Gierwiało
2025-11-29 15:56:12 +01:00
parent 420209c037
commit 58044e1d02
2 changed files with 19 additions and 22 deletions

View File

@@ -12,7 +12,7 @@ const MatchCard = ({ match, onAccept, onReject, onOpenChat, processing }) => {
const isAccepted = match.status === MATCH_STATUS.ACCEPTED;
return (
<div className="bg-white rounded-lg shadow-sm border border-gray-200 p-4 hover:shadow-md transition-shadow">
<div className="w-full bg-white rounded-lg shadow-sm border border-gray-200 p-4 hover:shadow-md transition-shadow">
<div className="flex items-start justify-between">
<div className="flex-1">
<div className="flex items-center gap-3 mb-2">