console, modules

client/cssFiles/SEAWebClientConsole.css

@@ -8,6 +8,7 @@
 	width: 100%;
 	padding: 26px 0px 0px 0px;
 	background-color: darkgray;
+	display: none;
 }
 
 .commandline {
@@ -33,6 +34,6 @@
 	width: 100%;
 	height: 100%;
 	overflow-y: auto;
-	background-color: white;
-	color: black;
+	background-color: #303030;
+	color: lightgray;
 }

client/cssFiles/SEAWebClientGraphics.css

@@ -37,7 +37,7 @@
     width: 100%;
     display: flex;
     flex-flow: column;
-    margin-top: 30px;
+    /* margin-top: 30px; */
 }
 
 .graph{

client/cssFiles/SEAWebClientGroup.css

@@ -110,6 +110,8 @@
 	opacity: .8;
 }
 
+/* ------------------------------ status-icon ------------------------------ */
+
 .status-icon {
 	border-radius: 50%;
 	background-color: lightgray;
@@ -137,18 +139,21 @@
 	background-color: red;
 }
 
-.info-icon:hover {
-	/* opacity: .6; */
-	cursor: pointer;
-	transform: scale(90%);
-	transition: .5s;
-}
+.status-info {
+	color: white;
+	background-color: #303030;
+	opacity: 0;
+	position: absolute;
+	left: 20px;
+	top: 2px;
+	z-index: 100;
+	padding: 2px;
+	border-radius: 6px;
+	transition: 1s;
+} 
 
-.edit-icon:hover {
-	/* opacity: .6; */
-	cursor: pointer;
-	transform: scale(90%);
-	transition: .5s;
+.status-icon:hover ~ .status-info {
+	opacity: 1.0;
 }
 
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

client/cssFiles/SEAWebClientMain.css

@@ -136,6 +136,8 @@ meta, body {
 	overflow: hidden;
 }
 
+/* ------------------------------ log ------------------------------ */
+
 .grid-element-3 {
 	position: absolute;
 	display: block;
@@ -144,6 +146,7 @@ meta, body {
 	height: 0;
 	opacity: .9;
 	z-index: 1000;
+	/* transition: 1s; */
 }
 
 .grid-element-3-visible {