ONOS-1935 - CORD-GUI -- CSS for demo bundles page created, apply button switches bundles user is subscribed to. WIP.
Change-Id: Iedc42682ea7d939a540a1c60ef1b61e26dab8fca
diff --git a/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css b/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css
index 6e1fa2f..fe7303a 100644
--- a/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css
+++ b/apps/demo/cord-gui/src/main/webapp/app/view/bundle/bundle.css
@@ -19,24 +19,58 @@
}
div#bundle div.main-right {
width: 38%;
+ height: 85vh;
+ background-color: rgba(173, 216, 230, 0.25);
+ border-radius: 5px;
}
#bundle table {
- width: 100%;
+ width: 95%;
+ margin-top: 5%;
+ margin-left: 2%;
+ border-radius: 3px;
}
#bundle td {
- text-align: center;
+ font-size: 90%;
}
#bundle td.icon {
+ text-align: center;
width: 50px;
height: 50px;
+ padding: 4%;
+}
+#bundle td.name {
+ border-left: solid 1px rgba(136, 0, 0, 0.25);
+ padding-left: 3%;
}
#bundle td.desc {
width: 50%;
text-align: left;
+ font-style: italic;
+}
+
+#bundle h2 {
+ text-align: center;
+ padding: 3%;
+ background-color: rgba(173, 216, 230, 0.75);
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ color: white;
+ font-weight: normal;
+}
+
+div#available {
+ padding: 5%;
+}
+
+#available p {
+ text-indent: initial;
+ text-align: initial;
}
#available button {
float: right;
-}
\ No newline at end of file
+ width: 33%;
+ margin-top: 5%;
+}