fixing status page on mobile

src/templates/status.tpl.html

@@ -2,7 +2,7 @@
 <style type="text/css">
 	body {
 		background: {bg};
-		padding: 20px;
+		padding: 30px 20px;
 	}
 
 	.page-header {
@@ -23,10 +23,13 @@
 		box-shadow: 0px 0px 5px #666;
 		border-radius: 3px;
 		margin-bottom: 20px;
+		width: 300px;
 	}
 
 	.offline {
-		float: left; width: 300px;
+		width: 325px;
+		float: left;
+		margin-right: 20px;
 	}
 
 	.offline .entity {
@@ -41,17 +44,12 @@
 		border: 2px solid {warning_fg};
 	}
 
-	.online {
-		margin-left: 320px;
-	}
-
 	.online .entity {
 		background: {online_bg};
 		color: {online_fg};
 		border: 2px solid {online_fg};
 		float: left;
 		margin-right: 20px;
-		width: 300px;
 	}
 </style>
 	<div class="offline">