From 8983960ca8db83b49ea11d11a2f3d6789be427c6 Mon Sep 17 00:00:00 2001
From: "G.Ambatte" <sean@robertson-family.nz>
Date: Mon, 18 Oct 2021 21:39:01 +1300
Subject: [PATCH] Add divider and tool active class

---
 client/homebrew/editor/snippetbar/snippetbar.jsx  |  1 +
 client/homebrew/editor/snippetbar/snippetbar.less | 15 +++++++++++++++
 2 files changed, 16 insertions(+)

diff --git a/client/homebrew/editor/snippetbar/snippetbar.jsx b/client/homebrew/editor/snippetbar/snippetbar.jsx
index 8f0ee9607..b4ad37eba 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.jsx
+++ b/client/homebrew/editor/snippetbar/snippetbar.jsx
@@ -70,6 +70,7 @@ const Snippetbar = createClass({
 				onClick={this.props.redo} >
 				<i className='fas fa-redo' />
 			</div>
+			<div className='divider'></div>
 			<div className={cx('text', { selected: this.props.view === 'text' })}
 				 onClick={()=>this.props.onViewChange('text')}>
 				<i className='fa fa-beer' />
diff --git a/client/homebrew/editor/snippetbar/snippetbar.less b/client/homebrew/editor/snippetbar/snippetbar.less
index 51e832174..371f51fda 100644
--- a/client/homebrew/editor/snippetbar/snippetbar.less
+++ b/client/homebrew/editor/snippetbar/snippetbar.less
@@ -33,10 +33,25 @@
 			&.undo{
 				.tooltipLeft('Undo');
 				font-size : 0.75em;
+				color     : grey;
+				&.active{
+					color : black;
+				}
 			}
 			&.redo{
 				.tooltipLeft('Redo');
 				font-size : 0.75em;
+				color     : grey;
+				&.active{
+					color : black;
+				}
+			}
+			&.divider {
+				background: linear-gradient(#000, #000) no-repeat center/1px 100%;
+				width: 5px;
+				&:hover{
+					background-color: inherit;
+				}
 			}
 		}
 	}