Style rating and genres

couchpotato/core/plugins/suggestion/static/suggest.css

@@ -16,59 +16,78 @@
 			width: 50%;
 		}
 	}
-	
+
 	@media all and (max-width: 600px) {
 		.suggestions .movie_result {
 			width: 100%;
 		}
 	}
-	
+
 	.suggestions .movie_result .data {
 		left: 100px;
 		background: #4e5969;
 		border: none;
 	}
-		
+
 		.suggestions .movie_result .data .info {
 			top: 15px;
 			left: 15px;
 			right: 15px;
+			bottom: 15px;
 		}
-		
+
 		.suggestions .movie_result .data .info h2 {
 			white-space: normal;
 			max-height: 120px;
 			font-size: 18px;
 			line-height: 18px;
 		}
-			
+
 		.suggestions .movie_result .data .info .rating,
 		.suggestions .movie_result .data .info .genres,
 		.suggestions .movie_result .data .info .year {
 			position: static;
 			display: block;
-			margin: 5px 0 0;
 			padding: 0;
 			opacity: .6;
 		}
-		
-		.suggestions .movie_result .data .info .rating,
-		.suggestions .movie_result .data .info .genres {
-			font-size: 10px;
+
+		.suggestions .movie_result .data .info .year {
+			margin: 10px 0 0;
 		}
-		
+
+		.suggestions .movie_result .data .info .rating {
+			font-size: 20px;
+			float: right;
+			margin-top: -20px;
+		}
+			.suggestions .movie_result .data .info .rating:before {
+				content: "\e031";
+				font-family: 'Elusive-Icons';
+				font-size: 14px;
+				margin: 0 5px 0 0;
+				vertical-align: bottom;
+			}
+
+		.suggestions .movie_result .data .info .genres {
+			font-size: 11px;
+			font-style: italic;
+			text-align: right;
+			
+		}
+
 	.suggestions .movie_result .data {
-		cursor: default; 
+		cursor: default;
 	}
-	
+
 	.suggestions .movie_result .options {
 		left: 100px;
 	}
-	
+
 	.suggestions .movie_result .thumbnail {
 		width: 100px;
 	}
-	
+
 	.suggestions .movie_result .actions {
 		position: absolute;
 		bottom: 10px;
@@ -82,10 +101,9 @@
 		.suggestions .movie_result .data.open .actions {
 			display: none;
 		}
-	
+
 		.suggestions .movie_result .actions a {
 			margin-left: 10px;
 			vertical-align: middle;
 		}
-		
-	
+