From 6fa607a7c92b4c88b5a9c43c521c9cdaa89f1dcf Mon Sep 17 00:00:00 2001
From: James Crean <creanjames@gmail.com>
Date: Thu, 16 Nov 2017 09:16:55 -0800
Subject: [PATCH] Cosmetic fixes (#156)

* Fixes bullet point and cursor css issues for left side bar

* Fix typo that was preventing variable modal from closing when clicking background/top right x

* Adds border to plot cells
---
 frontend/deps/Styles.css                      | 29 +++++++++++++++----
 .../modals/CachedFiles/CachedFiles.jsx        |  2 +-
 2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/frontend/deps/Styles.css b/frontend/deps/Styles.css
index 6444531..7d0b87c 100644
--- a/frontend/deps/Styles.css
+++ b/frontend/deps/Styles.css
@@ -181,6 +181,9 @@ button:focus {
     margin: 1px 0 0 10px;
     font-size: 18px;
 }
+.cell{
+    border: 1px solid #cecece;
+}
 .plotter {
     display:flex;
     color: black;
@@ -242,16 +245,30 @@ button:focus {
     display: none;
 }
 
-.tree>ul {
-    padding-left:2em;
-    cursor: pointer;
-}
-
 .tree {
     color: black;
     -moz-user-select: none;
     -webkit-user-select: none;
     -ms-user-select: none;
+    padding-left: 1em;
+}
+
+li.tree-node:before{
+    content: "\e080";
+    font-family: 'Glyphicons Halflings';
+    font-size: 9px;
+    float: left;
+    margin-top: 4px;
+    margin-left: -17px;
+    color: #CCCCCC;
+}
+
+li.tree-node.disclosed:before{
+    content: "\e114";
+}
+
+#temp-list>li{
+    cursor: pointer;
 }
 
 .tree li.tree-leaf.active, #temp-list>li.active {
@@ -263,11 +280,13 @@ button:focus {
 }
 
 .tree li {
+    display: block;
     padding: .1em .25em;
 }
 
 li.tree-leaf {
     list-style-type: none;
+    cursor: pointer;
 }
 
 .tree-view {
diff --git a/frontend/src/js/components/modals/CachedFiles/CachedFiles.jsx b/frontend/src/js/components/modals/CachedFiles/CachedFiles.jsx
index a0e268f..0420985 100644
--- a/frontend/src/js/components/modals/CachedFiles/CachedFiles.jsx
+++ b/frontend/src/js/components/modals/CachedFiles/CachedFiles.jsx
@@ -165,7 +165,7 @@ class CachedFiles extends Component {
     render() {
 
         return (
-            <Modal className='cached-files' bsSize="large" show={this.props.show} onHide={this.tryClose}>
+            <Modal className='cached-files' bsSize="large" show={this.props.show} onHide={this.props.onTryClose}>
                 <Modal.Header closeButton>
                     <Modal.Title>Load Variable</Modal.Title>
                 </Modal.Header>