Popularity for responsive; Sources UI more intuitive; Artist bug when sorting albums duplicated URIs

src/scss/components/_lists.scss

@@ -95,14 +95,14 @@
 
 			.col {
 				&.name { 
-					width: 38%;
+					width: 36%;
 				}
 				&.artists,
 				&.album { 
 					width: 25%;
 				}
 				&.duration {
-					width: 5%;
+					width: 7%;
 				}
 				&.popularity {
 					width: 3%;
@@ -204,11 +204,13 @@
 
 			.col {
 				&.name { 
-					width: 70%;
+					width: 60%;
+				}
+				&.followers_total {
+					width: 25%;
 				}
-				&.followers_total,
 				&.popularity {
-					width: 15%;
+					width: 10%;
 				}
 			}
 		}
@@ -243,6 +245,9 @@
 						}
 					}
 				}
+				&.duration {
+					width: 5%;
+				}
 			}
 		}
 	}
@@ -350,8 +355,14 @@
 					content: ' tracks';
 				}
 
-				&.popularity:after {
-					content: '% popularity';
+				&.popularity {
+					@include bullet();
+
+					.popularity {
+						&-bars {
+							margin: 0.1em 0 0 0;
+						}
+					}
 				}
 
 				&.album,
@@ -415,8 +426,40 @@
 		}
 
 		&.track-list {
-			.list-item.can-sort {
-				padding-left: 40px !important;
+			.list-item {
+				&.can-sort {
+					padding-left: 40px !important;
+				}
+			}
+		}
+
+		&.album-list {
+			.list-item {
+				.col {
+					&.added_at,
+					&.source {
+						display: none !important;
+					}
+
+					&.tracks_total {
+						@include bullet();
+					}
+				}
+			}
+		}
+
+		&.playlist-list {
+			.list-item {
+				.col {
+					&.can_edit,
+					&.source {
+						display: none !important;
+					}
+
+					&.tracks_total {
+						@include bullet();
+					}
+				}
 			}
 		}
 	}

src/scss/components/_popularity.scss

@@ -1,19 +1,25 @@
 
-.popularity-diagram {
-	display: block;
-	margin: 0.15em -2px;
-	text-align: center;
-
-	.bar {
+.popularity {
+	&-bars {
 		display: inline-block;
-		width: 2px;
-		height: 0.5em;
-		margin: 0.25em 1px;
-		background: $light_grey;
-		opacity: 0.25;
+		margin: 0.15em -2px;
+		vertical-align: top;
 
-		&.filled {
-			opacity: 1;
+		.bar {
+			display: inline-block;
+			width: 2px;
+			height: 0.5em;
+			margin: 0.25em 1px;
+			background: $light_grey;
+			opacity: 0.25;
+
+			&.filled {
+				opacity: 1;
+			}
 		}
 	}
+
+	&-value {
+		display: none;
+	}
 }

src/scss/components/_sources-priority-field.scss

@@ -6,18 +6,26 @@
 		@include animate();
 		display: inline-block;
 		border-radius: 3px;
-		padding: 3px 6px;
+		padding: 6px 8px 4px 3px;
 		margin: 0 5px 5px 0;
 		cursor: move;
 		font-size: 12px;
 		font-weight: normal;
+		background: rgba(255,255,255,0.1);
+		color: $white;
 
 		&.sortable-chosen {
 			background: $grey;
 		}
 
+		.icon {
+			font-size: 14px;
+			padding-right: 0.1em;
+			color: $darkest_grey;
+		}
+
 		&:hover {
-			background: $white;
+			background: rgba(255,255,255,0.2);
 		}
 
 		&:focus,