From e67fc2f775bbfe07c5970f7e03974b2b73373751 Mon Sep 17 00:00:00 2001
From: Michiel De Mey <de.mey.michiel@gmail.com>
Date: Thu, 2 Mar 2023 12:40:48 +0100
Subject: [PATCH] Moved inline styling to separate stylesheet

---
 client/homebrew/pages/editPage/editPage.jsx  | 2 +-
 client/homebrew/pages/editPage/editPage.less | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/client/homebrew/pages/editPage/editPage.jsx b/client/homebrew/pages/editPage/editPage.jsx
index b10af9901..0ce4db729 100644
--- a/client/homebrew/pages/editPage/editPage.jsx
+++ b/client/homebrew/pages/editPage/editPage.jsx
@@ -221,7 +221,7 @@ const EditPage = createClass({
 
 	renderGoogleDriveIcon : function(){
 		return <Nav.item className='googleDriveStorage' onClick={this.handleGoogleClick}>
-			<img src={googleDriveIcon} style={{ filter: `grayscale(${this.state.saveGoogle ? 0 : 1})` }} alt='Google Drive icon'/>
+			<img src={googleDriveIcon} className={this.state.saveGoogle ? '' : 'inactive'} alt='Google Drive icon'/>
 
 			{this.state.confirmGoogleTransfer &&
 				<div className='errorContainer' onClick={this.closeAlerts}>
diff --git a/client/homebrew/pages/editPage/editPage.less b/client/homebrew/pages/editPage/editPage.less
index 581e6dfa2..9ad084cc2 100644
--- a/client/homebrew/pages/editPage/editPage.less
+++ b/client/homebrew/pages/editPage/editPage.less
@@ -21,5 +21,9 @@
 		height	: 20px;
 		padding : 0px;
 		margin  : -5px;
+
+		&.inactive {
+			filter: grayscale(1);
+		}
 	}
 }