diff --git a/src/components/Process/Chained.tsx b/src/components/Process/Chained.tsx index 6d634bc..316df54 100644 --- a/src/components/Process/Chained.tsx +++ b/src/components/Process/Chained.tsx @@ -33,14 +33,14 @@ const VoteButtonContainer = ({ children }: PropsWithChildren) => { left={0} bgColor='process.aside.aside_footer_mbl_border' pt={1} - display={{ base: 'block', lg2: 'none' }} + display={isBreakPoint ? 'block' : 'none'} > {children} ) } return ( - + {children} ) @@ -197,8 +197,10 @@ const ChainedProcessesWrapper = () => { )} - {!connected && election.get('census.type') === 'spreadsheet' && } - {isBlindCsp && !connected && } + + {!connected && election.get('census.type') === 'spreadsheet' && } + {isBlindCsp && !connected && } + ) diff --git a/src/theme/components/Questions.ts b/src/theme/components/Questions.ts index 9c6fcf1..7047e26 100644 --- a/src/theme/components/Questions.ts +++ b/src/theme/components/Questions.ts @@ -32,6 +32,8 @@ const baseStyle = definePartsStyle({ alertTitle: { fontSize: 'lg', mb: 3, + whiteSpace: 'normal', + overflowWrap: 'break-word', }, alertDescription: { diff --git a/src/theme/components/SpreadSheet.ts b/src/theme/components/SpreadSheet.ts index 98b11fb..ab59fa6 100644 --- a/src/theme/components/SpreadSheet.ts +++ b/src/theme/components/SpreadSheet.ts @@ -5,9 +5,12 @@ const { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpe const baseStyle = definePartsStyle({ button: { - w: '100%', + w: '60%', borderRadius: 30, color: 'process.spreadsheet.color', + mb: 4, + py: 3, + height: '50px', }, disconnect: {