diff --git a/app/soapbox/components/polls/poll-footer.tsx b/app/soapbox/components/polls/poll-footer.tsx index ef4ca2276..dfa91e663 100644 --- a/app/soapbox/components/polls/poll-footer.tsx +++ b/app/soapbox/components/polls/poll-footer.tsx @@ -54,7 +54,7 @@ const PollFooter: React.FC = ({ poll, showResults, selected }): JSX )} - + {poll.pleroma.get('non_anonymous') && ( <> diff --git a/app/soapbox/components/ui/hstack/hstack.tsx b/app/soapbox/components/ui/hstack/hstack.tsx index 3eef11055..f959cdd51 100644 --- a/app/soapbox/components/ui/hstack/hstack.tsx +++ b/app/soapbox/components/ui/hstack/hstack.tsx @@ -42,11 +42,13 @@ interface IHStack { grow?: boolean, /** Extra CSS styles for the
*/ style?: React.CSSProperties + /** Whether to let the flexbox wrap onto multiple lines. */ + wrap?: boolean, } /** Horizontal row of child elements. */ const HStack = forwardRef((props, ref) => { - const { space, alignItems, grow, justifyContent, className, ...filteredProps } = props; + const { space, alignItems, grow, justifyContent, wrap, className, ...filteredProps } = props; return (
((props, ref) => { // @ts-ignore [spaces[space]]: typeof space !== 'undefined', 'flex-grow': grow, + 'flex-wrap': wrap, }, className)} /> ); diff --git a/app/soapbox/features/status/components/detailed-status.tsx b/app/soapbox/features/status/components/detailed-status.tsx index b8fed9255..f484be4cb 100644 --- a/app/soapbox/features/status/components/detailed-status.tsx +++ b/app/soapbox/features/status/components/detailed-status.tsx @@ -99,7 +99,7 @@ const DetailedStatus: React.FC = ({ {quote} - +