monitoring: improve user interface

- fix buttons
- manage scrolling
- added separators

Change-Id: I327a74d004ec33c41bb5e0dbc913bb02d9848878
Signed-off-by: José Bollo <jose.bollo@iot.bzh>

1 files changed, 16 insertions, 2 deletions

diff --git a/test/monitoring/monitor-pastel.css b/test/monitoring/monitor-pastel.css
index 4de3730e..0d561f0b 100644
--- a/test/monitoring/monitor-pastel.css
+++ b/test/monitoring/monitor-pastel.css
@@ -178,8 +178,15 @@ body {
 /*******************************************************************/
 /* open / close */
 
-.opclo { width: 16; height: 16; background-size: contain; } 
-.api > .opclo { background: #feb; border: solid 1px black; border-radius: 4px; } 
+.opclo {
+	width: 16px;
+	height: 16px;
+	background-size: contain;
+	background-color: #eec;
+	border-radius: 3px;
+	padding: 1px;
+	border: solid 1px black;
+}
 
 .closed > .opclo { background-image: url(down.png); } 
 .opened > .opclo { background-image: url(up.png); }
@@ -195,6 +202,13 @@ body {
 	border-radius: 0px 5px 5px 5px;
 }
 
+.separator {
+	margin: 8px 100px;
+	padding: 0px;
+	height: 2px;
+	background-color: black;
+}
+
 .traceevent.request, .trace-box.request { background: #ffd; }
 .traceevent.daemon, .trace-box.daemon { background: #fdf; }
 .traceevent.service, .trace-box.service { background: #ddf; }