ONOS-1934 - CORD-GUI -- Styling edits for positioning, updated dashboard to use new json format.
Change-Id: Ia4ab3783ae3bbdf1a53dbba551c1cb5d49f6e49c
diff --git a/apps/demo/cord-gui/src/main/webapp/app/fw/foot/foot.css b/apps/demo/cord-gui/src/main/webapp/app/fw/foot/foot.css
index 193e4c5..8e55b9a 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/fw/foot/foot.css
+++ b/apps/demo/cord-gui/src/main/webapp/app/fw/foot/foot.css
@@ -15,11 +15,15 @@
*/
div.foot {
- width: 100%;
+ width: 960px;
height: 20px;
background-color: gray;
position: absolute;
+ left: 0;
+ right: 0;
bottom: 0;
+ margin-left: auto;
+ margin-right: auto;
}
.foot div {
diff --git a/apps/demo/cord-gui/src/main/webapp/app/fw/icon/icon.js b/apps/demo/cord-gui/src/main/webapp/app/fw/icon/icon.js
index 67c69bf..b0d48fa 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/fw/icon/icon.js
+++ b/apps/demo/cord-gui/src/main/webapp/app/fw/icon/icon.js
@@ -27,7 +27,7 @@
'<svg class="embedded-icon" width="' + attrs.size + '" ' +
'height="' + attrs.size + '" viewBox="0 0 50 50">' +
'<g class="icon">' +
- '<rect width="50" height="50"></rect>' +
+ '<circle cx="25" cy="25" r="25"></circle>' +
'<use width="50" height="50" class="glyph '
+ attrs.id + '" xlink:href="#' + attrs.id +
'"></use>' +
diff --git a/apps/demo/cord-gui/src/main/webapp/app/fw/mast/mast.css b/apps/demo/cord-gui/src/main/webapp/app/fw/mast/mast.css
index 4eb917f..a0d8d59 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/fw/mast/mast.css
+++ b/apps/demo/cord-gui/src/main/webapp/app/fw/mast/mast.css
@@ -19,7 +19,6 @@
height: 50px;
background-color: gray;
position: relative;
- margin-bottom: 2%;
}
.mast div {
@@ -35,3 +34,11 @@
.mast div.right {
right: 25px;
}
+
+.mast a {
+ text-decoration: none;
+ color: white;
+}
+.mast a:visited {
+ color: white;
+}
diff --git a/apps/demo/cord-gui/src/main/webapp/app/fw/nav/nav.css b/apps/demo/cord-gui/src/main/webapp/app/fw/nav/nav.css
index a449807..b2cc2be 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/fw/nav/nav.css
+++ b/apps/demo/cord-gui/src/main/webapp/app/fw/nav/nav.css
@@ -15,10 +15,19 @@
*/
.nav ul {
+ display: table;
+ table-layout: fixed;
list-style-type: none;
width: 100%;
+ margin-bottom: 2%;
+ padding: 1% 0;
}
.nav li {
- display: inline;
+
+}
+
+.nav a {
+ display: table-cell;
+ text-align: center;
}