Small tweaks to list of shots

Shot list can overflow horizontally
Fix alignment on splitter

src/styles/_app_base.sass

@@ -19,11 +19,12 @@ body
 	&[data-context="dashboard"]
 		nav.sidebar .navbar-item.attract
 			+sidebar-button-active
+		#col_main
+			background-color: $color-background-light
+			.col_header
+				box-shadow: none
 
-		#col_main .col_header
-			box-shadow: none
-
-$splitter-width: 6px
+$splitter-width: 5px
 
 #app-main
 	display: flex
@@ -46,7 +47,6 @@ $splitter-width: 6px
 	height: 100%
 	min-height: 100%
 	position: relative
-	background-color: $color-background-light
 
 	+media-xs
 		height: auto
@@ -55,13 +55,13 @@ $splitter-width: 6px
 		padding-left: $sidebar-width !important
 
 #col_main
+	background-color: $color-background
 	width: 50% // gets overriden by JS, dragging the col-splitter
 	+media-xs
 		width: 100%
 
 #col_right
 	flex: 1 1 auto
-	padding-left: $splitter-width // to compensate width of the splitter, which is positioned 'fixed'
 
 .col_header
 	position: relative
@@ -109,6 +109,8 @@ $splitter-width: 6px
 	flex: 0 0 auto
 	width: $splitter-width
 	background-color: $color-background
+	border-left: thin solid $color-background-light
+	border-right: 2px solid $color-background-dark
 	min-height: 200px
 	cursor: col-resize
 	top: 0
@@ -121,6 +123,7 @@ $splitter-width: 6px
 
 ::-webkit-scrollbar
 	width: 5px
+	height: 5px
 
 ::-webkit-scrollbar-track
 	background-color: $color-background

src/styles/_shots.sass

@@ -1,5 +1,5 @@
 #shot-list
-	overflow-x: hidden
+	overflow-x: scroll
 	.table
 		background-color: white
 		.table-row:hover