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

@@ -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 {

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>