Speed up log view in Chrome

couchpotato/core/plugins/log/static/log.css

@@ -9,6 +9,7 @@
 	bottom: 0;
 	left: 0;
 	background: #4E5969;
+	z-index: 200;
 }
 
 	.page.log .nav li {
@@ -27,12 +28,12 @@
 			cursor: default;
 			background: rgba(255,255,255,.1);
 		}
-		
+
 		@media all and (max-width: 480px) {
 			.page.log .nav {
 				font-size: 14px;
 			}
-			
+
 				.page.log .nav li {
 					padding: 5px;
 				}
@@ -47,14 +48,7 @@
 .page.log .container {
 	padding: 30px 0 60px;
 	overflow: hidden;
-}
-
-.page.log .container span {
-	float: left;
-	width: 86%;
 	line-height: 150%;
-	padding: 3px 0;
-	border-top: 1px solid rgba(255, 255, 255, 0.2);
 	font-size: 11px;
 	font-family: Lucida Console, Monaco, Nimbus Mono L;
 }
@@ -67,11 +61,17 @@
 
 	.page.log .container .time {
 		clear: both;
-		width: 14%;
 		color: lightgrey;
 		padding: 3px 0;
 		font-size: 10px;
+		border-top: 1px solid rgba(255, 255, 255, 0.2);
+		position: relative;
 	}
 
-	.page.log .container .time:last-child { display: none; }
+		.page.log .container .time:last-child { display: none; }
+
+		.page.log .container .time span {
+			float: right;
+			width: 86%;
+		}
 

couchpotato/core/plugins/log/static/log.js

@@ -73,10 +73,10 @@ Page.Log = new Class({
 			.replace(/\u001b\[31m/gi, '</span><span class="error">')
 			.replace(/\u001b\[36m/gi, '</span><span class="debug">')
 			.replace(/\u001b\[33m/gi, '</span><span class="debug">')
-			.replace(/\u001b\[0m\n/gi, '</span></div><div><span class="time">')
+			.replace(/\u001b\[0m\n/gi, '</div><div class="time">')
 			.replace(/\u001b\[0m/gi, '</span><span>')
 
-		return '<div><span class="time">' + text + '</span></div>';
+		return '<div class="time">' + text + '</div>';
 	}
 
 })