From fdadac9a3df3a7bf04dd0825b296134352eb0b64 Mon Sep 17 00:00:00 2001
From: Matthew Grove <me@mgrove.uk>
Date: Wed, 1 Sep 2021 20:19:04 +0100
Subject: [PATCH] Restyle cookie notice button

---
 src/App.css | 12 +++++++++++-
 src/App.js  |  6 +++---
 2 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index 6800452..59d8daf 100644
--- a/src/App.css
+++ b/src/App.css
@@ -289,7 +289,7 @@ label, p, input[type=text], main > span, main div > span {
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
-  column-gap: 12px;
+  column-gap: 16px;
   padding: 16px 24px;
   background-color: var(--primary-color);
   text-align: center;
@@ -303,6 +303,16 @@ label, p, input[type=text], main > span, main div > span {
   color: inherit;
 }
 
+.cookie-notice > .button {
+  background-color: var(--text-color);
+  color: var(--primary-color);
+  padding: 6px;
+}
+
+.cookie-notice > .button svg {
+  width: 48px;
+}
+
 .cookie-notice > .button:hover {
   color: var(--text-color-tinted);
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index dff0710..edf5c94 100644
--- a/src/App.js
+++ b/src/App.js
@@ -17,7 +17,7 @@ import History from "./History";
 import TermsOfService from "./TermsOfService";
 import PrivacyPolicy from "./PrivacyPolicy";
 import Button from "./Button";
-import { CheckCircleOutlineRounded as CheckCircleOutlineRoundedIcon } from "@material-ui/icons";
+import { CheckRounded as CheckRoundedIcon } from "@material-ui/icons";
 
 import Cookies from 'universal-cookie';
 
@@ -264,8 +264,8 @@ class App extends React.Component {
             </div>
             <Button
               onClick={this.acceptCookies}
-              icon={<CheckCircleOutlineRoundedIcon/>}
-              className="button--round button--no-background"
+              icon={<CheckRoundedIcon/>}
+              className="button--round"
             ></Button>
           </div>
         </Router>