first cut at edges. not quite working yet.
diff --git a/web/ons-demo/css/layout.default.css b/web/ons-demo/css/layout.default.css
index 647763c..b9a5ebe 100644
--- a/web/ons-demo/css/layout.default.css
+++ b/web/ons-demo/css/layout.default.css
@@ -37,12 +37,34 @@
}
/* tmp */
-#controllers, #selectedFlows {
+#selectedFlows {
display: -webkit-box;
-webkit-box-align: center;
-webkit-box-pack: center;
}
+#controllers {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+}
+
+#controllers .header {
+ -webkit-box-pack: center;
+ border-bottom: 1px solid white;
+}
+
+#controllerList {
+ display: -webkit-box;
+ -webkit-box-orient: vertical;
+ -webkit-box-flex: 1.0;
+ overflow: scroll;
+}
+
+.controller {
+ margin: .25em;
+ background-color: blue;
+}
+
#svg-container {
position: absolute;
top: 0px;
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index f6f125d..951fbb1 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -36,37 +36,45 @@
height: 50px;
}
-#left .header {
- background-color: lightgreen;
-}
#right .header {
- background-color: lightblue;
font-size: 12px;
padding-right: .25em;
-webkit-box-sizing: border-box;
}
-#controllers {
- background-color: darkgreen;
+#controllers, #selectedFlows {
+ border-top: 1px solid white;
}
-#topology {
- background-color: blue;
+#selectedFlows {
+ border-bottom: 1px solid white;
}
+#controllers {
+ border-right: 1px solid white;
+}
+
+
#logo {
height: 50px;
}
.edge {
- fill: lightgray;
stroke: black;
stroke-width: 1.5px;
}
+path {
+ stroke: white;
+ stroke-width: 1px;
+}
+
.aggregation {
- fill: darkgrey;
stroke: black;
stroke-width: 2px;
}
+
+#traceButton {
+ visibility: hidden
+}