fix: improve codeforafrica footer design

CodeForAfrica · Jun 25, 2024 · 251173e · 251173e
1 parent 3f30efe
commit 251173e
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js b/apps/codeforafrica/src/components/NewsletterSubscription/NewsletterSubscription.js
@@ -19,6 +19,7 @@ const NewsletterSubscriptionRoot = styled(RichTypography)(
         borderRadius: 0,
         display: "flex",
         height: typography.pxToRem(36),
+        marginTop: 0,
         marginBottom: typography.pxToRem(30),
         outline: "none",
         padding: `0 ${typography.pxToRem(12)}`,
@@ -38,10 +39,15 @@ const NewsletterSubscriptionRoot = styled(RichTypography)(
     "& #mc_embed_signup input[type=submit]": {
       ...typography.subtitle1,
       background: "none",
-      border: "none",
+      border: `1px solid ${palette.text.secondary}`,
       color: "inherit",
-      padding: 0,
-      textDecoration: "underline",
+      padding: `${typography.pxToRem(6)} ${typography.pxToRem(12)}`,
+      textDecoration: "none",
+    },
+    "& #mc_embed_signup input[type=submit]:hover": {
+      cursor: "pointer",
+      background: `${palette.text.secondary}`,
+      color: `${palette.text.primary}`,
     },
   }),
 );