Improve style

file/style/be.bastelstu.wcf.chat.less

@@ -30,26 +30,16 @@
 		height: 200px;
 		overflow-y: scroll;
 		overflow-x: hidden;
-		padding-left: 7px !important;
 		
 		ul {
 			display: table;
+			width: 100%;
 		
 			.timsChatMessage {
 				min-height: 16px;
 				display: table-row;
 				.transition(opacity, .2s);
 				
-				
-				time:first-child {
-					&::before {
-						content: "[";
-					}
-					&::after {
-						content: "]";
-					}
-				}
-				
 				.username {
 					font-weight: bold;
 				}
@@ -60,12 +50,25 @@
 						vertical-align: top;
 					}
 					
+					time {
+						&::before {
+							content: "[";
+						}
+						&::after {
+							content: "]";
+						}
+					}
+					
 					.usernameContainer {
 						text-align: right;
 						min-width: 100px;
 						padding: 0px 5px;
 						white-space: nowrap;
 					}
+					
+					.text {
+						width: 100%;
+					}
 				}
 				
 				&.unloaded {
@@ -76,6 +79,10 @@
 					.icon;
 					.icon16;
 				}
+				
+				&:nth-child(even) {
+					background-color: @wcfContainerAccentBackgroundColor;
+				}
 			}
 		}
 	}