From 5877b8293351ebaf6650d687c0008c116762a4df Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Wed, 10 Aug 2016 20:02:55 -0400
Subject: [PATCH] fix https://github.com/catarak/p5.js-web-editor/issues/35

---
 client/modules/IDE/components/SidebarItem.js | 2 +-
 client/styles/components/_sidebar.scss       | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/modules/IDE/components/SidebarItem.js b/client/modules/IDE/components/SidebarItem.js
index efec5e0a..5885b7a7 100644
--- a/client/modules/IDE/components/SidebarItem.js
+++ b/client/modules/IDE/components/SidebarItem.js
@@ -41,10 +41,10 @@ class SidebarItem extends React.Component {
         className={itemClass}
         onBlur={() => this.props.hideFileOptions(this.props.file.id)}
         tabIndex={this.props.fileIndex}
+        onClick={() => this.props.setSelectedFile(this.props.file.id)}
       >
         <a
           className="sidebar__file-item-name"
-          onClick={() => this.props.setSelectedFile(this.props.file.id)}
         >{this.props.file.name}</a>
         <input
           type="text"
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index c54ff31c..c3e4bb54 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -44,6 +44,9 @@
   &--selected {
     background-color: $ide-border-color;
   }
+  &:hover .sidebar__file-item-name {
+    color: $light-primary-text-color;
+  }
 }
 
 .sidebar__file-item-name {