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, 27 insertions, 3 deletions

diff --git a/test/monitoring/monitor-base.css b/test/monitoring/monitor-base.css
index a394a44c..0cbbe155 100644
--- a/test/monitoring/monitor-base.css
+++ b/test/monitoring/monitor-base.css
@@ -8,9 +8,7 @@ body {
 	right: 0px;
 }
 
-body.on #params,
-body.off #controls,
-body.off #logmsg-box { display: none; }
+body.on #params, body.off #main { display: none; }
 
 /*******************************************************************/
 /* head */
@@ -69,11 +67,33 @@ body.off #logmsg-box { display: none; }
 	right: 0px;
 	top: 0px;
 	bottom: 0px;
+/*
 	font-size: smaller;
 	overflow: auto;
 	margin-bottom: 75px;
+*/
 }
 
+#logmsgs-inner-box {
+	position: relative;
+	left: 0px;
+	right: 0px;
+	top: 0px;
+	bottom: 0px;
+}
+
+#logmsgs {
+	position: absolute;
+	left: 0px;
+	right: 0px;
+	top: 0px;
+	bottom: 0px;
+	font-size: smaller;
+	overflow: auto;
+	margin-bottom: 380px;
+}
+
+
 #trace-events {
 	overflow: auto;
 	position: absolute;
@@ -152,6 +172,10 @@ body.off #logmsg-box { display: none; }
 	position: absolute;
 }
 
+.traceevent .content {
+	clear: both;
+}
+
 .traceevent {
 	-webkit-user-select: none;
 	-moz-user-select: none;