fix(style): ITP button underline (#2535)

theopensystemslab · Dec 4, 2023 · caa2053 · caa2053
1 parent c3c0ad8
commit caa2053
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/editor.planx.uk/src/@planx/components/Pay/Public/Confirm.tsx b/editor.planx.uk/src/@planx/components/Pay/Public/Confirm.tsx
@@ -125,7 +125,6 @@ const PayBody: React.FC<PayBodyProps> = (props) => {
             <Button
               variant="contained"
               color="secondary"
-              style={{ borderBottom: `solid 2px lightgrey` }}
               size="large"
               onClick={props.changePage}
               disabled={Boolean(props?.paymentStatus)}

diff --git a/editor.planx.uk/src/theme.ts b/editor.planx.uk/src/theme.ts
@@ -239,6 +239,9 @@ const getThemeOptions = (primaryColor: string): ThemeOptions => {
             padding: "0.7em 1.25em",
             lineHeight: LINE_HEIGHT_BASE,
             minWidth: "3em",
+            "&:hover": {
+              boxShadow: "inset 0 -2px 0 rgba(0,0,0,0.5)",
+            }
           },
           text: {
             color: palette.text.secondary,