From 62470f2958501c5c44ecf4568815ca8c58c3693a Mon Sep 17 00:00:00 2001
From: Scott Tolksdorf <scott.tolksdorf@gmail.com>
Date: Fri, 6 May 2016 14:58:39 -0400
Subject: [PATCH] Styled the divider

---
 client/homebrew/splitPane/splitPane.jsx  |  8 +++++++-
 client/homebrew/splitPane/splitPane.less | 22 ++++++++++++++++++----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/client/homebrew/splitPane/splitPane.jsx b/client/homebrew/splitPane/splitPane.jsx
index 73433b8..336311e 100644
--- a/client/homebrew/splitPane/splitPane.jsx
+++ b/client/homebrew/splitPane/splitPane.jsx
@@ -51,7 +51,13 @@ var SplitPane = React.createClass({
 	},
 */
 	renderDivider : function(){
-		return <div className='divider' onMouseDown={this.handleDown} />
+		return <div className='divider' onMouseDown={this.handleDown}>
+			<div className='dots'>
+				<i className='fa fa-circle' />
+				<i className='fa fa-circle' />
+				<i className='fa fa-circle' />
+			</div>
+		</div>
 	},
 
 	render : function(){
diff --git a/client/homebrew/splitPane/splitPane.less b/client/homebrew/splitPane/splitPane.less
index 046f66e..3b50af0 100644
--- a/client/homebrew/splitPane/splitPane.less
+++ b/client/homebrew/splitPane/splitPane.less
@@ -6,12 +6,26 @@
 	outline        : none;
 	flex-direction : row;
 	.pane{
-		flex : 1;
-		overflow-x: hidden;
+		overflow-x : hidden;
+		flex       : 1;
 	}
 	.divider{
-		width            : 5px;
+		display          : table;
+		height           : 100%;
+		width            : 12px;
 		cursor           : ew-resize;
-		background-color : black;
+		background-color : #bbb;
+		text-align       : center;
+		.dots{
+			display        : table-cell;
+			vertical-align : middle;
+			text-align     : center;
+			i{
+				display   : block;
+				margin    : 10px 0px;
+				font-size : 6px;
+				color     : #666;
+			}
+		}
 	}
 }
\ No newline at end of file