From 7b23084e34632920a824a64a01e3fd8a4522ba19 Mon Sep 17 00:00:00 2001
From: Freeyorp <TheFreeYorp@NOSPAM.G.m.a.i.l.replace>
Date: Tue, 14 May 2013 18:11:04 +1200
Subject: Separate connection status, hide while offline

---
 public/css/style.css    | 9 ++++++++-
 public/index.html       | 2 +-
 public/js/mv/connect.js | 1 +
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/public/css/style.css b/public/css/style.css
index f23b541..d223226 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -72,7 +72,8 @@ svg {
 
 /* Titles */
 h3 {
-  margin: 0.3em 0.8em;
+  margin: 0;
+  padding: 0.3em 0.8em;
 }
 
 /* Loadinfo panel */
@@ -146,6 +147,12 @@ h3 {
 
 /* User list */
 
+#connect-status {
+  border-left: 1px black solid;
+  border-bottom: 1px black solid;
+  display: none;
+}
+
 #users-status {
   padding-left: 20px;
 }
diff --git a/public/index.html b/public/index.html
index 856bbba..0ab91a1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -8,7 +8,7 @@
   <div id="vis" class="vis-hide">
     <div class="side med col3">
       <div id="connect-status">
-        <h3>Users</h3>
+        <h3>Manavis users</h3>
         <ul id="users-status"></ul>
       </div>
       <div id="blvl-chart">
diff --git a/public/js/mv/connect.js b/public/js/mv/connect.js
index 41e2f0b..0fee5e7 100644
--- a/public/js/mv/connect.js
+++ b/public/js/mv/connect.js
@@ -17,6 +17,7 @@ var mv = function(mv) {
     socket = io.connect('http://localhost:3000');
     socket.on("connect", function() { console.log("CONNECT", arguments); });
     socket.on("disconnect", function() { console.log("DISCONNECT", arguments); });
+    d3.select("#connect-status").style("display", "block");
     socket.emit('login');
     /*
      * Protocol:
-- 
cgit v1.2.3-60-g2f50