From 204b1bec79132f24aec816b5d9b75199fb4a6b27 Mon Sep 17 00:00:00 2001
From: Matej Vavrek <matej.vavrek@m2ms.sk>
Date: Thu, 5 Mar 2020 13:30:15 +0100
Subject: [PATCH] #148 added hover styling for selected molecule options

---
 js/components/preview/molecule/moleculeView.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/js/components/preview/molecule/moleculeView.js b/js/components/preview/molecule/moleculeView.js
index ed4c4c0f5..8038441ec 100644
--- a/js/components/preview/molecule/moleculeView.js
+++ b/js/components/preview/molecule/moleculeView.js
@@ -48,10 +48,19 @@ const useStyles = makeStyles(theme => ({
   },
   contColButtonSelected: {
     backgroundColor: theme.palette.primary.main,
-    color: theme.palette.primary.contrastText
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   contColButtonHalfSelected: {
-    backgroundColor: theme.palette.primary.semidark
+    backgroundColor: theme.palette.primary.semidark,
+    color: theme.palette.primary.contrastText,
+    '&:hover': {
+      backgroundColor: theme.palette.primary.light,
+      color: theme.palette.black
+    }
   },
   detailsCol: {
     border: 'solid 1px',