make server health nicer

2 files changed, 19 insertions, 6 deletions

diff --git a/www/index.html b/www/index.html
index b1cb40e..8bd60f8 100644
--- a/www/index.html
+++ b/www/index.html
@@ -38,7 +38,7 @@
        <div class="col-md-5 col-md-offset-3">
          <div class="row">
            <div class="col-xs-2"><h3>Mood:<h3></div>
-           <div id="rhctlmood" class="col-xs-1">
+           <div id="rhctlmood" class="col-xs-2">
              <img src="/img/mood-undefined.png" />
            </div>
 
@@ -51,9 +51,7 @@
            <div id="rhctlservertable" class="col-xs-4">
              <table class="table">
                <tr>
-                 <th>Server</th>
-                 <th>Health</th>
-                 <th>Channel</th>
+                 <th colspan="2">Server-Health</th>
                </tr>
              </table>
            </div>
@@ -87,9 +85,11 @@
 
      <table>
        <tr class="servertableEntryTemplate">
-         <td class="server-name">-</td>
          <td class="server-health"><img src="/img/server-undefined.png" title="unkown" /></td>
-         <td class="server-channel">-</td>
+         <td>
+           <span class="server-channel">-</span><br />
+           <span class="server-name">-</span>
+         </td>
        </tr>
      </table>
 
diff --git a/www/styles/main.css b/www/styles/main.css
index 980ad00..806df2a 100644
--- a/www/styles/main.css
+++ b/www/styles/main.css
@@ -72,6 +72,19 @@
   width: 100%;
 }
 
+#rhctlservertable td {
+  vertical-align: bottom
+}
+
+#rhctlservertable .server-name {
+  font-weight: bold;
+  font-size: 1.4em;
+}
+
+#rhctlservertable .server-channel {
+  font-size: 1.1em;
+}
+
 #rhctlaudiotable h4 {
   margin-top: 2em;
   text-align: center;