Context menus on all key grid and list views

src/scss/components/_context-menu.scss

@@ -25,21 +25,38 @@
 		cursor: pointer;
 		display: block;
 		padding: 8px 12px;
-		width: 100%;
+		width: 140px;
 		font-weight: bold;
 		box-sizing: border-box;
 		position: relative;
 		overflow: hidden;
+		text-decoration: none;
+		background: $darkest_grey;
 
-		img {
+		.background {
 			@include blur(5px);
 			background-size: cover;
-			background-position: 50% 0%;
-			opacity: 0.2;
+			background-position: 50% 20%;
+			opacity: 0.5;
 			position: absolute;
-			top: 0;
-			left: 0;
-			right: 0;
+			top: -10px;
+			left: -10px;
+			bottom: -10px;
+			right: -10px;
+			z-index: 1;
+		}
+
+		.text {
+			@include one_line_text();
+			position: relative;
+			z-index: 2;
+			color: #FFFFFF;
+		}
+
+		&:hover{
+			.background {
+				opacity: 0.7;
+			}
 		}
 	}
 
@@ -87,7 +104,7 @@
 			opacity: 0.5;
 		}
 
-		&:not(:first-child) .menu-item {
+		.menu-item {
 			border-top: 1px solid lighten($dark_grey, 8%);
 		}