Colouring for player; Context menu and track tap zone

src/scss/components/_context-menu.scss

@@ -270,6 +270,7 @@
 	margin-top: -1px;
 	position: relative;
 	border-radius: 3px;
+	text-align: center;
 
 	.dot {
 		width: 6px;
@@ -323,17 +324,21 @@
 		@include responsive( $bp_medium ){
 
 			.context-menu-trigger {	
+				@include gradient_overlay(50%, 0.15);
 				display: block;
 				position: fixed;
-				bottom: 50px;
+				bottom: 55px;
 				right: 5px;
-				width: 50px;
-				height: 50px;
+				width: 48px;
+				height: 8px;
+				padding: 20px 0;
 				overflow: hidden;
 				z-index: 97;
-				border-radius: 50%;
 				background: $blue;
-				color: #FFFFFF;
+
+				.dot {
+					background: $white;
+				}
 				
 				&:focus,
 				&:active {