From 53404caccf43d4a1c17a65a0eb0957a132186d08 Mon Sep 17 00:00:00 2001
From: Faye Li <si.fi.faye.li@gmail.com>
Date: Thu, 19 Jan 2017 12:15:27 -0800
Subject: [PATCH] top bar css

---
 scripts/system/html/users.html | 38 +++++++++++++++++++++++++++++++---
 1 file changed, 35 insertions(+), 3 deletions(-)
diff --git a/scripts/system/html/users.html b/scripts/system/html/users.html
index 75e79c47e8..4192f4b33f 100644
--- a/scripts/system/html/users.html
+++ b/scripts/system/html/users.html
@@ -9,11 +9,43 @@
 -->
 <html>
     <head>
+        <title>Users Online</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <style>
+            body {
+                margin: 0;
+                width: 100%;
+            }
+
+            .top-bar {
+                width: 100%;
+                height: 90px;
+                background: linear-gradient(#2b2b2b, #1e1e1e);
+            }
+
+            .top-bar div {
+                padding-left: 30px;
+                padding-right: 30px;
+                line-height: 90px;
+                color: white;
+                white-space: nowrap;
+            }
+
+            .main {
+                padding-top: 90px;
+            }
+
+        </style>
     </head>
     <body>
-        <h1> Hello Users </h1>
-        <button type="button" onclick="pollUsers()">Poll Users</button>
-        <div id="dev-div"></div>
+        <div class="top-bar">
+            <div>Users Online</div>
+        </div>
+        <div class="main">
+            <button type="button" onclick="pollUsers()">Poll Users</button>
+            <div id="dev-div"></div>
+        </div>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
         <script>
             var METAVERSE_API_URL = "https://metaverse.highfidelity.com/api/v1/users?status=online";
