diff --git a/editor.planx.uk/src/components/Feedback/FeedbackForm.tsx b/editor.planx.uk/src/components/Feedback/FeedbackForm.tsx index b500d143ed..1fd30b9f18 100644 --- a/editor.planx.uk/src/components/Feedback/FeedbackForm.tsx +++ b/editor.planx.uk/src/components/Feedback/FeedbackForm.tsx @@ -65,7 +65,12 @@ const FeedbackForm: React.FC = ({ inputs, handleSubmit }) => { - diff --git a/editor.planx.uk/src/components/Feedback/MoreInfoFeedback.tsx b/editor.planx.uk/src/components/Feedback/MoreInfoFeedback.tsx index d69500a462..09515b99dc 100644 --- a/editor.planx.uk/src/components/Feedback/MoreInfoFeedback.tsx +++ b/editor.planx.uk/src/components/Feedback/MoreInfoFeedback.tsx @@ -4,7 +4,6 @@ import Box from "@mui/material/Box"; import Container from "@mui/material/Container"; import { styled } from "@mui/material/styles"; import Typography from "@mui/material/Typography"; -import { contentFlowSpacing } from "@planx/components/shared/Preview/Card"; import { getInternalFeedbackMetadata, insertFeedbackMutation, @@ -23,11 +22,6 @@ const MoreInfoFeedback = styled(Box)(({ theme }) => ({ }, })); -const FeedbackBody = styled(Box)(({ theme }) => ({ - padding: theme.spacing(1, 0), - "& form > * + *": contentFlowSpacing(theme), -})); - const MoreInfoFeedbackComponent: React.FC = () => { type View = "yes/no" | "input" | "thanks"; @@ -77,7 +71,7 @@ const MoreInfoFeedbackComponent: React.FC = () => { Did this help to answer your question? - + handleFeedbackOptionClick("helpful")} Icon={CheckCircleIcon} @@ -90,7 +84,7 @@ const MoreInfoFeedbackComponent: React.FC = () => { label="No" format="negative" /> - + ); @@ -110,12 +104,10 @@ const MoreInfoFeedbackComponent: React.FC = () => { Please help us to improve this service by sharing feedback - - - + ); @@ -128,12 +120,10 @@ const MoreInfoFeedbackComponent: React.FC = () => { Thank you for your feedback. - - - We value the time you’ve taken to share. We’ll use your insights - to improve our services. - - + + We value the time you’ve taken to share. We’ll use your insights to + improve our services. + ); diff --git a/editor.planx.uk/src/ui/public/FeedbackOption.tsx b/editor.planx.uk/src/ui/public/FeedbackOption.tsx index bff822e421..184a40ecb0 100644 --- a/editor.planx.uk/src/ui/public/FeedbackOption.tsx +++ b/editor.planx.uk/src/ui/public/FeedbackOption.tsx @@ -53,8 +53,8 @@ const ArrowButton = styled("span")(({ theme }) => ({ display: "flex", justifyContent: "center", alignItems: "center", - backgroundColor: theme.palette.primary.main, - color: theme.palette.common.white, + backgroundColor: theme.palette.prompt.main, + color: theme.palette.prompt.contrastText, width: "36px", height: "36px", flexShrink: "0",