GUI - adjust styling of ONOS instances.
Change-Id: I02c6136eb7f34e27b501f662774eb017aab1cdd0
diff --git a/web/gui/src/main/webapp/json/ev/instances/ev_1_onos.json b/web/gui/src/main/webapp/json/ev/instances/ev_1_onos.json
index d7f69d3..06d8680 100644
--- a/web/gui/src/main/webapp/json/ev/instances/ev_1_onos.json
+++ b/web/gui/src/main/webapp/json/ev/instances/ev_1_onos.json
@@ -1,10 +1,10 @@
{
"event": "addInstance",
"payload": {
- "id": "local",
+ "id": "192.168.56.101",
"online": true,
"labels": [
- "local",
+ "192.168.56.101",
"127.0.0.1"
]
}
diff --git a/web/gui/src/main/webapp/topo2.css b/web/gui/src/main/webapp/topo2.css
index 4fd3d71..20ed2fd 100644
--- a/web/gui/src/main/webapp/topo2.css
+++ b/web/gui/src/main/webapp/topo2.css
@@ -236,33 +236,36 @@
/* ONOS instance stuff */
#topo-oibox {
- width: 80px;
+ width: 120px;
}
#topo-oibox .onosInst {
position: relative;
- width: 80%;
- left: 10%;
+ width: 88%;
+ left: 4%;
height: 80px;
- margin: 4px 0;
+ margin: 8px 0;
cursor: pointer;
+ -moz-border-radius: 12px;
+ border-radius: 12px;
+
/* theme-related */
color: #444;
background-color: #ccc;
- border: 2px solid #aaa;
+ border: 4px solid #aaa;
}
#topo-oibox .onosInst.online {
/* theme-related */
color: #113;
- background-color: #bbf;
- border: 2px solid #555;
+ background-color: #9cf;
+ border: 4px solid #357;
}
#topo-oibox .onosInst .onosTitle {
text-align: center;
- font-size: 11pt;
+ font-size: 10pt;
margin-top: 6px;
color: #888;
}