From 0f33db0df9608c8ddfba06ba8065075bc94bb1ec Mon Sep 17 00:00:00 2001
From: Alfred Melch <dev@melch.pro>
Date: Sat, 14 Dec 2019 18:34:08 +0100
Subject: [PATCH] fix disabled button styling

---
 src/App.js                | 6 +-----
 src/styles/IconButton.css | 7 ++++---
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/src/App.js b/src/App.js
index 80a0787..2a6afb7 100644
--- a/src/App.js
+++ b/src/App.js
@@ -5,9 +5,5 @@ import { RsvpReader } from './components/RsvpReader'
 import { IconContext } from 'react-icons'
 
 export const App = () => {
-  return (
-    <IconContext.Provider value={{ color: 'grey', size: '1.4em' }}>
-      <RsvpReader></RsvpReader>
-    </IconContext.Provider>
-  )
+  return <RsvpReader></RsvpReader>
 }
diff --git a/src/styles/IconButton.css b/src/styles/IconButton.css
index 300adf1..67159e9 100644
--- a/src/styles/IconButton.css
+++ b/src/styles/IconButton.css
@@ -7,6 +7,8 @@
   padding: 3px;
   /* width: 1.4em; */
   /* height: 1.4em; */
+  font-size: 1.4em;
+  color: grey;
 }
 
 .svgButton svg {
@@ -28,9 +30,8 @@
 }
 
 .svgButton[disabled] svg {
-  transform: scale(1.5);
-
-  color: '#c7c7c7';
+  color: #c7c7c7;
+  transform: scale(1);
 }
 
 .a11yLabel {