use white-eye for flow chooser popup control
diff --git a/web/ons-demo/css/layout.default.css b/web/ons-demo/css/layout.default.css
index 7b9da5e..018e728 100644
--- a/web/ons-demo/css/layout.default.css
+++ b/web/ons-demo/css/layout.default.css
@@ -58,6 +58,12 @@
position: relative;
}
+#showFlowChooser {
+ position: relative;
+ display: -webkit-box;
+ -webkit-box-pack: center;
+}
+
.selectedFlow .srcDPID, .selectedFlow .dstDPID {
-webkit-user-select: auto;
}
@@ -67,12 +73,6 @@
height: 1.5em;
}
-
-.flowId {
- width: 5em;
-}
-
-
.iperf {
width: 100%;
-webkit-box-flex: 1.0;
diff --git a/web/ons-demo/css/skin.default.css b/web/ons-demo/css/skin.default.css
index 6a72b7e..aebf68b 100644
--- a/web/ons-demo/css/skin.default.css
+++ b/web/ons-demo/css/skin.default.css
@@ -146,8 +146,10 @@
display: -webkit-box;
-webkit-box-pack: center;
-webkit-box-align: center;
+ width: 3em;
}
+
.srcDPID, .dstDPID {
width: 12em;
}
@@ -168,13 +170,22 @@
position: relative;
}
-.eye {
+.black-eye {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 2.25em;
- background-image: url('../assets/eye.svg');
+ background-image: url('../assets/black-eye.svg');
+ background-size: auto 100%;
+ background-repeat: no-repeat;
+ background-position: .25em center;
+}
+
+.white-eye {
+ height: 100%;
+ width: 2.25em;
+ background-image: url('../assets/white-eye.svg');
background-size: auto 100%;
background-repeat: no-repeat;
background-position: .25em center;