Polishing fields; Sortable sources

src/scss/components/_context-menu.scss

@@ -11,7 +11,7 @@
 	position: fixed;
 	z-index: 99;
 
-	.liner {
+	& > .liner {
 		width: 190px;
 		box-shadow: 2px 3px 6px rgba(0,0,0,0.2);
 		border-radius: 3px;
@@ -203,26 +203,40 @@
 					background: transparent;
 					border-radius: 0;
 					border: 0;
-					color: $white !important;
 					box-shadow: none;
 
-					.option {
-						display: inline-block;
-						padding: 3px 5px;
-						border-radius: 0;
-						opacity: 0.6;
-
-						.icon {
-							display: inline-block;
-							position: relative;
-							padding-right: 5px;
-							top: auto;
-							left: auto;
-						}
+					&:before {
+						display: none !important;
 					}
 
-					&:before {
-						display: none;
+					& > .liner {
+						background: transparent;
+						color: $white !important;
+						margin: -3px -5px;
+
+						&:before {
+							display: none !important;
+						}
+
+						.option {
+							display: inline-block;
+							padding: 3px 5px;
+							border-radius: 0;
+							opacity: 0.6;
+							color: $white !important;
+
+							&:before {
+								display: none !important;
+							}
+
+							.icon {
+								display: inline-block;
+								position: static;
+								padding-right: 2px;
+								padding-bottom: 3px;
+								font-size: 0.9em;
+							}
+						}
 					}
 				}
 			}			
@@ -247,7 +261,7 @@
 			z-index: 1;
 		}
 
-		.liner {
+		& > .liner {
 			width: 250px;
 			margin: 30px auto;
 			max-width: 90vw;

src/scss/components/_header.scss

@@ -75,7 +75,7 @@ main {
 			}
 
 			.options {
-				top: 8px;
+				top: 0;
 				right: 0;
 
 				.context-menu-trigger {

src/scss/components/_modal.scss

@@ -140,6 +140,7 @@
 				border-radius: 3px;
 				margin-left: -12px;
 				margin-right: -12px;
+				font-size: 16px;
 
 				.source {
 					position: absolute;
@@ -150,17 +151,6 @@
 				&:hover {
 					background: rgba(255,255,255,0.1);
 				}
-
-				&.draggable {
-					padding-left: 35px !important;
-
-					.drag-handle {
-						position: absolute;
-						top: 0;
-						left: 0;
-						padding: 16px 12px;
-					}
-				}
 			}
 
 			&.playlists {
@@ -186,6 +176,7 @@
 			&.small .list-item {
 				width: 49%;
 				float: left;
+				font-size: inherit;
 
 				&:nth-child(2n){
 					margin-left: 2%;

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

@@ -12,6 +12,10 @@
 		font-size: 12px;
 		font-weight: normal;
 
+		&.sortable-chosen {
+			background: $grey;
+		}
+
 		&:hover {
 			background: $white;
 		}