Mobile view; Browser dragging issues

src/scss/components/_dragger.scss

@@ -3,6 +3,11 @@
 	cursor: grabbing !important;
 	cursor: -moz-grabbing !important;
 	cursor: -webkit-grabbing !important;
+	-webkit-touch-callout: none;
+	  -webkit-user-select: none;
+	     -moz-user-select: none;
+	      -ms-user-select: none;
+	          user-select: none;
 }
 
 .dragger {
@@ -40,7 +45,7 @@
 			width: 32px;
 		}
 
-		&:hover {
+		&.hover {
 			background: $turquoise;
 		}
 	}

src/scss/components/_lists.scss

@@ -64,10 +64,13 @@
 		:root .dragging &:hover {
 			border-top: 3px solid $blue;
 			margin-top: -3px;
+			background: transparent;
 		}
 
 
-		@include responsive( 849px ){
+		@include responsive( $bp_medium ){
+			padding: 7px 10px 7px 30px;
+
 			.col {
 				&.name { width: 50%; }
 				&.artists { width: 50%; }
@@ -78,6 +81,11 @@
 			&.header { 
 				display: none; 
 			}
+
+			.select-state {
+				top: 11px;
+				left: 10px;
+			}
 		}
 
 	}

src/scss/components/_sidebar.scss

@@ -22,8 +22,8 @@ aside{
 	}
 
 	@include responsive( $bp_medium ){
-		width: 50%;
-		left: -50%;
+		width: 50vw;
+		left: -50vw;
 
 		.sidebar-open & {
 			left: 0px;