Context menu trigger; Unified context menu

src/scss/components/_lists.scss

@@ -18,13 +18,6 @@
 		margin-bottom: -1px;
 		@include clearfix;
 
-		.source {
-			color: $mid_grey;
-			position: absolute;
-			top: 10px;
-			right: 15px;
-		}
-
 		&.selected {
 			background: $yellow !important;
 		}
@@ -91,10 +84,28 @@
 				padding: 7px 10px 7px 20px;
 
 				.col {
-					&.name { width: 50%; }
-					&.artists { width: 50%; }
-					&.album { width: 50%; padding-left: 50%; color: $mid_grey; }
-					&.duration { display: none; }
+					&.name {
+						width: 90%;
+						padding-right: 10%;
+					}
+
+					&.duration {
+						width: auto;
+						position: absolute;
+						right: 10px;
+						text-align: right;
+					}
+
+					&.artists,
+					&.album { 
+						width: auto;
+						color: $mid_grey;
+						display: inline-block;
+					}
+
+					&.album {
+						@include bullet();
+					}
 				}
 
 				&.header { 
@@ -107,7 +118,6 @@
 					left: 5px;
 				}
 			}
-
 		}
 
 
@@ -170,6 +180,26 @@
 				&.album { width: 25%; }
 				&.added { width: 20%; }
 			}
+
+			@include responsive( $bp_medium ){
+				.col {
+					&.name {
+						width: 90%;
+						padding-right: 10%;
+					}
+
+					&.artists,
+					&.album { 
+						width: auto;
+						color: $mid_grey;
+						display: inline-block;
+					}
+
+					&.added {
+						display: none;
+					}
+				}
+			}
 		}
 	}
 }