Unify active state of list and table items

src/styles/_apps_base.sass

@@ -78,11 +78,10 @@ $splitter-width: 5px
 	display: flex
 	align-items: center
 	width: 100%
-	min-height: 50px
+	min-height: 40px
 	background-color: white
-	padding: 10px 15px
-
-	font-size: 1.2em
+	padding: 10px
+	font-size: 1.1em
 	border-bottom: thin solid $color-background
 	box-shadow: 0 0 15px rgba(black, .2)
 
@@ -99,12 +98,13 @@ $splitter-width: 5px
 	background-color: white
 	border-bottom: thin solid $color-background
 
+	&:hover
+		background-color: $color-background-light
+
 	&.active
 		background-color: $color-background-active
-		border-bottom-color: darken($color-background-active, 15%)
-
-		&:last-child
-			box-shadow: inset -5px 0 0 $color-primary
+		border-bottom-color: darken($color-background-active, 5%)
+		box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
 
 	&.empty
 		padding: 15px
@@ -230,13 +230,14 @@ nav.sidebar
 					background-color: lighten($color-background-active, 2%)
 
 				.table-cell
-					border-bottom-color: darken($color-background-active, 15%)
+					border-bottom-color: darken($color-background-active, 5%)
+					box-shadow: inset 0 1px darken($color-background-active, 5%)
 				.table-cell:last-child
-					box-shadow: inset -5px 0 0 $color-primary
+					box-shadow: inset -5px 0 0 darken($color-background-active, 10%), inset 0 1px darken($color-background-active, 5%)
 
 	.table-cell
 		display: table-cell
-		border-bottom: thin solid $color-background-dark
+		border-bottom: thin solid $color-background
 		vertical-align: middle
 
 		span.hint
@@ -248,9 +249,9 @@ nav.sidebar
 		min-width: 4px
 		height: 100%
 		display: table-cell
-		border: 2px solid $color-background
-		border-top: none
-		border-bottom: none
+		border: none
+		border-left: 2px solid $color-background-light
+		border-right: 2px solid $color-background
 		cursor: e-resize
 
 .table.table-hover