diff --git a/components/DropdownMenuContent/index.scss b/components/DropdownMenuContent/index.scss index 7f837fda..ae38f67b 100644 --- a/components/DropdownMenuContent/index.scss +++ b/components/DropdownMenuContent/index.scss @@ -11,8 +11,7 @@ z-index: 15; @include breakpoint(phone) { - left: $unit-2x; - right: $unit-2x; + min-width: 50vw; } } diff --git a/components/PartyDetails/index.scss b/components/PartyDetails/index.scss index fb429940..0b0fb4c3 100644 --- a/components/PartyDetails/index.scss +++ b/components/PartyDetails/index.scss @@ -1,6 +1,7 @@ .DetailsWrapper { display: flex; flex-direction: column; + gap: $unit-2x; margin: $unit-4x auto 0 auto; max-width: $grid-width; @@ -293,13 +294,12 @@ flex-direction: row; gap: $unit; margin: 0 auto; - margin-bottom: $unit * 2; max-width: $unit * 94; width: 100%; @include breakpoint(phone) { flex-direction: column; - gap: $unit-2x; + gap: $unit; padding: 0 $unit; } diff --git a/components/PartyDetails/index.tsx b/components/PartyDetails/index.tsx index 8d57f0f9..369016be 100644 --- a/components/PartyDetails/index.tsx +++ b/components/PartyDetails/index.tsx @@ -743,17 +743,17 @@ const PartyDetails = (props: Props) => { )} -