Skip to content

Commit

Permalink
Cody/increase weekly pick button responsiveness (#611)
Browse files Browse the repository at this point in the history
Closes #601 

- Changed flex-direction of label on smallest screens to `flex-col` to
stack team image and name vertically

![Recording 2024-10-16 at 10 37
05](https://github.com/user-attachments/assets/2ced0e00-c0dc-4d7e-9316-7baeca587d29)
  • Loading branch information
kepsteen authored Oct 22, 2024
1 parent 05661c5 commit 9269e2b
Showing 1 changed file with 6 additions and 1 deletion.
7 changes: 6 additions & 1 deletion components/WeeklyPickButton/WeeklyPickButton.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -48,7 +48,12 @@ const WeeklyPickButton: React.FC<WeeklyPickButtonProps> = ({
data-testid="team-radio"
/>

<Label htmlFor={team} data-testid="team-label" disabled={isDisabled}>
<Label
htmlFor={team}
data-testid="team-label"
disabled={isDisabled}
className="flex-col sm:flex-row"
>
<Image
src={src}
alt={team}
Expand Down

0 comments on commit 9269e2b

Please sign in to comment.