diff --git a/browser/main/Containers/SnippetContainer.jsx b/browser/main/Containers/SnippetContainer.jsx
index 14bc2e40..6f80548a 100644
--- a/browser/main/Containers/SnippetContainer.jsx
+++ b/browser/main/Containers/SnippetContainer.jsx
@@ -5,7 +5,8 @@ var CodeViewer = require('../Components/CodeViewer')
var SnippetList = React.createClass({
propTypes: {
snippets: React.PropTypes.array,
- selectSnippet: React.PropTypes.func
+ selectSnippet: React.PropTypes.func,
+ currentSnippet: React.PropTypes.object
},
itemClickHandlerFactory: function (snippet) {
return function () {
@@ -20,7 +21,7 @@ var SnippetList = React.createClass({
)
})
return (
-
+
{snippet.callSign}
{snippet.description}
{snippet.updatedAt}
diff --git a/browser/styles/main/components/SideNavigator.styl b/browser/styles/main/components/SideNavigator.styl
index c06e6383..6d4c4a4a 100644
--- a/browser/styles/main/components/SideNavigator.styl
+++ b/browser/styles/main/components/SideNavigator.styl
@@ -1,7 +1,7 @@
.SideNavigator
absolute top bottom left
width 200px
- border-right solid 2px brandColor
+ border-right solid 1px highlightenBorderColor
padding 10px
box-sizing border-box
.nav-header
diff --git a/browser/styles/main/containers/SnippetContainer.styl b/browser/styles/main/containers/SnippetContainer.styl
index 5ba5594d..d8f15b43 100644
--- a/browser/styles/main/containers/SnippetContainer.styl
+++ b/browser/styles/main/containers/SnippetContainer.styl
@@ -31,6 +31,9 @@
font-size 0.8em
&:hover, &.hover
background-color hoverBackgroundColor
+ &:active, &.active
+ border solid 2px brandBorderColor
+ padding 9px 9px 8px
.SnippetViewer
absolute top bottom right