GUI - adjust styling of ONOS instances.

Change-Id: I02c6136eb7f34e27b501f662774eb017aab1cdd0

 {
 {
   "event": "addInstance",
   "event": "addInstance",
   "payload": {
   "payload": {
-    "id": "local",
+    "id": "192.168.56.101",
     "online": true,
     "online": true,
     "labels": [
     "labels": [
-      "local",
+      "192.168.56.101",
       "127.0.0.1"
       "127.0.0.1"
     ]
     ]
   }
   }

@@ -236,33 +236,36 @@ svg .node.host circle {
 /* ONOS instance stuff */
 /* ONOS instance stuff */
 
 
 #topo-oibox {
 #topo-oibox {
-    width: 80px;
+    width: 120px;
 }
 }
 
 
 #topo-oibox .onosInst {
 #topo-oibox .onosInst {
     position: relative;
     position: relative;
-    width: 80%;
-    left: 10%;
+    width: 88%;
+    left: 4%;
     height: 80px;
     height: 80px;
-    margin: 4px 0;
+    margin: 8px 0;
     cursor: pointer;
     cursor: pointer;
 
 
+    -moz-border-radius: 12px;
+    border-radius: 12px;
+
     /* theme-related */
     /* theme-related */
     color: #444;
     color: #444;
     background-color: #ccc;
     background-color: #ccc;
-    border: 2px solid #aaa;
+    border: 4px solid #aaa;
 }
 }
 
 
 #topo-oibox .onosInst.online {
 #topo-oibox .onosInst.online {
     /* theme-related */
     /* theme-related */
     color: #113;
     color: #113;
-    background-color: #bbf;
-    border: 2px solid #555;
+    background-color: #9cf;
+    border: 4px solid #357;
 }
 }
 
 
 #topo-oibox .onosInst .onosTitle {
 #topo-oibox .onosInst .onosTitle {
     text-align: center;
     text-align: center;
-    font-size: 11pt;
+    font-size: 10pt;
     margin-top: 6px;
     margin-top: 6px;
     color: #888;
     color: #888;
 }
 }