Mobile view includes added_by origin

src/js/components/Track.js

@@ -232,7 +232,7 @@ export default class Track extends React.Component{
 						var link = <URILink type={type} uri={track.added_from}>{type}</URILink>;
 				}
 
-				var added = <span>{track.added_by} <span className="grey-text"> (from {link})</span></span>
+				var added = <span><span className="by">{track.added_by}</span><span className="grey-text from"><span className="label">from </span>{link}</span></span>
 
 			} else if (track.added_by){
 				var added = track.added_by

src/scss/components/_context-menu.scss

@@ -117,7 +117,8 @@
 				right: 0;
 				left: 100%;
 				height: 100%;
-				min-height: 200px;
+				min-height: 300px;
+				max-height: 90vh;
 				width: 0;
 				height: 100%;
 				overflow-y: scroll;			

src/scss/components/_lists.scss

@@ -209,6 +209,21 @@
 				}
 				&.added { 
 					width: 20%;
+
+					.by {
+						padding-right: 0.25em;
+					}
+
+					.from {
+						&:before {
+							content: '(';
+							display: inline-block;
+						}
+						&:after {
+							content: ')';
+							display: inline-block;
+						}
+					}
 				}
 			}
 		}
@@ -287,7 +302,7 @@
 					text-align: right;
 				}
 
-				&:not(.name):not(.duration):not(.album){
+				&:not(.name):not(.duration):not(.album):not(.added){
 					color: $mid_grey;
 					display: inline;
 					width: auto !important;
@@ -329,10 +344,32 @@
 					}
 				}
 
-				.source,
-				.added {
+				.source {
 					display: none !important;
 				}
+
+				.added {
+					width: auto !important;
+					float: none !important;
+					padding-left: 0.25em;
+
+					.by {
+						display: none;
+					}
+
+					.from {
+						@include bullet();
+						text-transform: capitalize;
+
+						&:after {
+							display: none !important;
+						}
+
+						.label {
+							display: none;
+						}
+					}
+				}
 			}
 		}
 

src/scss/global/_variables.scss

@@ -43,8 +43,8 @@ $bp_shallow: 650px;
 	padding-left: 14px;
 	
 	&:before {
+		content: '\2022' !important;
 		display: inline-block;
-		content: '\2022';
 		margin-left: -8px;
 		padding-right: 6px;
 	}