Some new icons with logic (not completed yet)

client/cssFiles/SEAWebClientGroup.css

@@ -89,10 +89,14 @@
 	height: 16px;
 	line-height: 16px;
 	margin-left: 4px;
+	opacity: .8;
 }
 
 .status-icon {
-
+	border-radius: 50%;
+	background-color: dimgray;
+	opacity: .8;
+	/* box-shadow: -2px -2px 5px inset; */
 }
 
 .status-icon-busy {
@@ -107,12 +111,18 @@
 	background-color: red;
 }
 
-.edit-icon {
-	
+.info-icon:hover {
+	/* opacity: .6; */
+	cursor: pointer;
+	transform: scale(90%);
+	transition: .5s;
 }
 
-.info-icon {
-	
+.edit-icon:hover {
+	/* opacity: .6; */
+	cursor: pointer;
+	transform: scale(90%);
+	transition: .5s;
 }
 
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */

client/cssFiles/SEAWebClientMain.css

@@ -139,11 +139,21 @@ meta, body {
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
 /* CLOSE CROSS */
 
-#close-cross{
+#close-cross {
 	z-index: 50;
 	top: 9px;
 	right: 12px;
 	position: fixed;
 	color: white;
 	cursor: pointer;
+}
+
+.icon-close {
+	height: 20px;
+	width: 20px;
+}
+
+.icon-close:hover {
+	transform: scale(90%);
+	transition: .5s;
 }