Nice header with server status, better chat layout

html/chat.html

@@ -2,12 +2,9 @@
 
     <div style="height: 600px" class="Output scrollable">
     	<div ng-repeat="line in Output" ng-class="line.Class">
-    		<span class="badge">
-    			{{(line.Time * 1000) | date:'shortTime'}}
-    			<a href="#/{{address}}/player/{{line.UserId}}/" style="color: {{line.Color}}">
-    				{{line.Username}}
-    			</a>
-    		</span> {{line.Message}}
+    		<span style="min-width: 60px; display:inline-block;">{{(line.Time * 1000) | date:'shortTime'}}</span>
+			<span style="min-width: 130px; display:inline-block; text-align: right;"><a href="#/{{address}}/player/{{line.UserId}}/">{{line.Username}} :</a></span> 
+			<span style="display:inline-block;">{{line.Message}}</span>
     	</div>
     </div>
 

html/serverInfo.html

@@ -4,16 +4,13 @@
 	<div class="row">
 
 		<div class="col-sm-12">
-			<h2 class="center">
+			<h2>
 				{{info.Hostname}}
-				<div class="btn-group pull-right">
-					<button ng-click="refresh()" class="btn btn-default" type="button"><i class="glyphicon glyphicon-refresh"></i></button>
-				</div>
 			</h2>
 		</div>
 
 		<div class="col-sm-4" ng-repeat="(key, value) in info">
-			<p>{{key}}: <span class="badge">{{value}}</span></p>
+			<p><span class="text-muted">{{key}}:</span> <span>{{value}}</span></p>
 		</div>
 
 		<!--