Better looking server status view

public/js/tpl/servers/info.html

@@ -1,7 +1,36 @@
-<% if (typeof(pid) != "undefined" && pid) { %>
+<form class="form-horizontal" role="form">
-  Server is running as <%= pid %>
+  <div class="form-group">
+    <label class="col-sm-1 control-label">Status</label>
+    <div class="col-sm-11">
+      <p class="form-control-static">
+        <% if (typeof(pid) != "undefined" && pid) { %>
+          <span class="label label-success">Online</span>
+          <a class="btn btn-primary btn-xs" href="#" id="stop">
+            <span class="glyphicon glyphicon-stop"></span>
+            Stop
+          </a>
+        <% } else { %>
+          <span class="label label-default">Offline</span>
+          <a class="btn btn-primary btn-xs" href="#" id="start">
+            <span class="glyphicon glyphicon-play"></span>
+            Start
+          </a>
+        <% } %>
+      </p>
+    </div>
+  </div>
 
-  <a class="btn btn-primary" href="#" id="stop">Stop</a>
+  <div class="form-group">
-<% } else { %>
+    <label class="col-sm-1 control-label">Port</label>
-  <a class="btn btn-primary" href="#" id="start">Start</a>
+    <div class="col-sm-11">
-<% } %>
+      <p class="form-control-static"><%- port %></p>
+    </div>
+  </div>
+
+  <div class="form-group">
+    <label class="col-sm-1 control-label">Mods</label>
+    <div class="col-sm-11">
+      <p class="form-control-static"><%- mods %></p>
+    </div>
+  </div>
+</form>

public/js/tpl/servers/view.html

@@ -1,7 +1,7 @@
 <h2><%-title%></h2>
 
 <!-- Nav tabs -->
-<ul class="nav nav-tabs">
+<ul class="nav nav-tabs" style="margin-bottom: 15px;">
   <li class="active"><a href="#tab-info" data-toggle="tab">Info</a></li>
   <li><a href="#tab-mods" data-toggle="tab">Mods</a></li>
   <li><a href="#tab-settings" data-toggle="tab">Settings</a></li>