diff --git a/packages/ui/src/council/components/election/CandidateCard/CandidateCard.tsx b/packages/ui/src/council/components/election/CandidateCard/CandidateCard.tsx index 8cfc22580d..1915b0d47c 100644 --- a/packages/ui/src/council/components/election/CandidateCard/CandidateCard.tsx +++ b/packages/ui/src/council/components/election/CandidateCard/CandidateCard.tsx @@ -209,8 +209,14 @@ const CandidateCardStakeAndControls = styled.div` align-items: flex-end; width: fit-content; column-gap: 32px; + row-gap: 8px; margin-top: auto; flex-wrap: wrap; + + @media (min-width: 1440px) { + flex-wrap: nowrap; + min-width: fit-content; + } ` const CandidateCardStatistics = styled.div` diff --git a/packages/ui/src/council/modals/AnnounceCandidacy/components/StakeStep.tsx b/packages/ui/src/council/modals/AnnounceCandidacy/components/StakeStep.tsx index b79de34b12..4c9782e811 100644 --- a/packages/ui/src/council/modals/AnnounceCandidacy/components/StakeStep.tsx +++ b/packages/ui/src/council/modals/AnnounceCandidacy/components/StakeStep.tsx @@ -60,7 +60,7 @@ export const StakeStep = ({ candidacyMember, minStake, errorChecker, errorMessag name="staking.account" minBalance={minStake} lockType="Council Candidate" - variant={isMobile ? 's' : size === 'md' ? 'm' : 'l'} + variant={size === 'lg' ? 'l' : 's'} /> diff --git a/packages/ui/src/memberships/components/MemberProfile/MemberDetails.tsx b/packages/ui/src/memberships/components/MemberProfile/MemberDetails.tsx index f3c9a75f04..eaae77886c 100644 --- a/packages/ui/src/memberships/components/MemberProfile/MemberDetails.tsx +++ b/packages/ui/src/memberships/components/MemberProfile/MemberDetails.tsx @@ -149,4 +149,6 @@ const AboutInvite = styled.div` display: flex; justify-content: space-between; width: 100%; + align-items: center; + gap: 8px; ` diff --git a/packages/ui/src/memberships/components/MembersSection.tsx b/packages/ui/src/memberships/components/MembersSection.tsx index e7e444082e..ce646d76ea 100644 --- a/packages/ui/src/memberships/components/MembersSection.tsx +++ b/packages/ui/src/memberships/components/MembersSection.tsx @@ -86,4 +86,5 @@ const MembershipsGroup = styled.div` const MembershipsHeaders = styled(ListHeaders)` grid-area: accountstablenav; grid-column-gap: 16px; + padding: 0 24px; ` diff --git a/packages/ui/src/proposals/components/ProposalList/ProposalList.tsx b/packages/ui/src/proposals/components/ProposalList/ProposalList.tsx index 01a976134f..381384c915 100644 --- a/packages/ui/src/proposals/components/ProposalList/ProposalList.tsx +++ b/packages/ui/src/proposals/components/ProposalList/ProposalList.tsx @@ -35,7 +35,7 @@ export const ProposalList = ({ proposals, getSortProps, isPast, isLoading }: Pro return ( - + {getSortProps ? Title : } Stage Proposer diff --git a/packages/ui/src/proposals/components/ProposalList/ProposalListItem.tsx b/packages/ui/src/proposals/components/ProposalList/ProposalListItem.tsx index d91f983790..56bcfdbda7 100644 --- a/packages/ui/src/proposals/components/ProposalList/ProposalListItem.tsx +++ b/packages/ui/src/proposals/components/ProposalList/ProposalListItem.tsx @@ -61,7 +61,7 @@ export const ProposalListItem = ({ proposal, isPast, memberId, isCouncilMember } diff --git a/packages/ui/src/proposals/constants/styles.ts b/packages/ui/src/proposals/constants/styles.ts index dcaa6025d4..7764a59bbf 100644 --- a/packages/ui/src/proposals/constants/styles.ts +++ b/packages/ui/src/proposals/constants/styles.ts @@ -2,7 +2,8 @@ import styled from 'styled-components' import { ListHeaders, ListHeader } from '@/common/components/List/ListHeader' -export const ProposalColLayout = '296px 148px 156px 60px 1fr' +export const ProposalColLayout = (isCouncilMember?: boolean, isPast?: boolean) => + `296px 148px 156px${isPast ? ' 60px' : isCouncilMember ? ' 80px' : ''}` export const ProposalsListHeaders = styled(ListHeaders)` padding-right: 16px;