diff --git a/web/src/pages/Resolver/NavigationButtons/SubmitDisputeButton.tsx b/web/src/pages/Resolver/NavigationButtons/SubmitDisputeButton.tsx index c994121dc..0252f33b3 100644 --- a/web/src/pages/Resolver/NavigationButtons/SubmitDisputeButton.tsx +++ b/web/src/pages/Resolver/NavigationButtons/SubmitDisputeButton.tsx @@ -12,7 +12,7 @@ import { usePublicClient } from "wagmi"; import Popup, { PopupType } from "components/Popup"; import DisputeIcon from "assets/svgs/icons/dispute.svg"; import { DecodeEventLogParameters, decodeEventLog, parseAbi } from "viem"; -import { EnsureChain } from "~src/components/EnsureChain"; +import { EnsureChain } from "components/EnsureChain"; const StyledButton = styled(Button)``; diff --git a/web/src/pages/Resolver/Parameters/VotingOptions/OptionsFields.tsx b/web/src/pages/Resolver/Parameters/VotingOptions/OptionsFields.tsx index 0cac70056..f66200e2e 100644 --- a/web/src/pages/Resolver/Parameters/VotingOptions/OptionsFields.tsx +++ b/web/src/pages/Resolver/Parameters/VotingOptions/OptionsFields.tsx @@ -9,7 +9,7 @@ import { Answer, useNewDisputeContext } from "context/NewDisputeContext"; const OptionsContainer = styled.div` display: flex; flex-direction: column; - gap: 30px; + gap: 48px; width: 84vw; ${landscapeStyle( @@ -19,9 +19,15 @@ const OptionsContainer = styled.div` )} `; +const InputContainer = styled.div` + display: flex; + flex-direction: column; + gap: 24px; + width: 100%; +`; const StyledPlusMinusField = styled(PlusMinusField)` align-self: start; - margin: 24px 0px; + margin: 32px 0px 48px; `; const OptionsFields: React.FC = () => { @@ -44,14 +50,22 @@ const OptionsFields: React.FC = () => { <> {disputeData.answers.map((answer, index) => ( - handleOptionWrite(event, index)} - /> + + handleOptionWrite(event, index)} + /> + handleOptionWrite(event, index)} + /> + ))} diff --git a/web/src/pages/Resolver/Parameters/VotingOptions/index.tsx b/web/src/pages/Resolver/Parameters/VotingOptions/index.tsx index 1a5321b0a..863e96f2f 100644 --- a/web/src/pages/Resolver/Parameters/VotingOptions/index.tsx +++ b/web/src/pages/Resolver/Parameters/VotingOptions/index.tsx @@ -16,7 +16,7 @@ const Container = styled.div` `; const QuestionField = styled(LabeledInput)` - margin-bottom: 58px; + margin-bottom: 78px; `; const AlertMessageContainer = styled.div` @@ -26,7 +26,6 @@ const AlertMessageContainer = styled.div` width: ${responsiveSize(442, 700, 900)}; ` )} - margin-top: 16px; > div { width: 100%; }