From 695728615b36641a2f293d5c8fe022a1505915c0 Mon Sep 17 00:00:00 2001
From: Kai You <61721490+hardco2020@users.noreply.github.com>
Date: Fri, 29 Apr 2022 12:32:33 +0800
Subject: [PATCH] Fix action button color and width (#85)

---
 src/components/ActionButton.jsx | 5 ++++-
 src/styles/theme.ts             | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/ActionButton.jsx b/src/components/ActionButton.jsx
index c624d89..e405e9e 100644
--- a/src/components/ActionButton.jsx
+++ b/src/components/ActionButton.jsx
@@ -13,12 +13,15 @@ const ActionButton = ({ link, text }) => {
         sx={(theme) => ({
           margin: '1rem',
           bgcolor: 'accents.accent1',
+          padding: '8px 24px 8px 24px',
           color: 'accents.contrastText',
-          width: '12rem',
           borderRadius: 40,
           ':hover': {
             bgcolor: 'accents.accent1',
           },
+          [theme.breakpoints.down('sm')]: {
+            width: '300px',
+          },
         })}
         size="small"
       >
diff --git a/src/styles/theme.ts b/src/styles/theme.ts
index 5e2ea52..ae01bb4 100644
--- a/src/styles/theme.ts
+++ b/src/styles/theme.ts
@@ -15,7 +15,7 @@ declare module '@mui/material/styles' {
 const theme = createTheme({
   palette: {
     primary: {
-      main: '#556cd6',
+      main: '#1B2B7B',
     },
     secondary: {
       main: '#F79234',