diff --git a/client/SEAWebClient.html b/client/SEAWebClient.html
index 7e7aa7b..7b63727 100644
--- a/client/SEAWebClient.html
+++ b/client/SEAWebClient.html
@@ -85,6 +85,9 @@
 		<!-- &#215; -->
 		<img class = "icon-close" src="res/icon_sinus.png">
 	</div>
+	<div id="log-icon-container">
+		<img class = "log-icon" src="res/icon_log.png">
+	</div>
 </body>
 
 </html>
diff --git a/client/cssFiles/SEAWebClientMain.css b/client/cssFiles/SEAWebClientMain.css
index 068ebf9..a31c9d3 100644
--- a/client/cssFiles/SEAWebClientMain.css
+++ b/client/cssFiles/SEAWebClientMain.css
@@ -144,7 +144,6 @@ meta, body {
 	top: 9px;
 	right: 12px;
 	position: fixed;
-	color: white;
 	cursor: pointer;
 }
 
@@ -156,4 +155,26 @@ meta, body {
 .icon-close:hover {
 	transform: scale(90%);
 	transition: .5s;
+}
+
+/* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
+/* LOG ICON */
+
+#log-icon-container {
+	z-index: 50;
+	bottom: 9px;
+	right: 12px;
+	position: fixed;
+	color: white;
+	cursor: pointer;
+}
+
+.log-icon {
+	height: 20px;
+	width: 20px;
+}
+
+.log-icon:hover {
+	transform: scale(90%);
+	transition: .5s;
 }
\ No newline at end of file
diff --git a/client/jsFiles/SEAWebClientCommunication.js b/client/jsFiles/SEAWebClientCommunication.js
index 53108ac..11c0044 100644
--- a/client/jsFiles/SEAWebClientCommunication.js
+++ b/client/jsFiles/SEAWebClientCommunication.js
@@ -223,6 +223,7 @@ function updateValues(message, src) {
         let component = message.updates[i];
         let value = component.value;
         let matches = document.getElementsByName(component.name);
+        console.log(component);
 
         for (var j = 0; j < matches.length; j++) {
             let elem = matches[j];
diff --git a/client/jsFiles/SEAWebClientGroup.js b/client/jsFiles/SEAWebClientGroup.js
index 53daf80..3c7ccfc 100644
--- a/client/jsFiles/SEAWebClientGroup.js
+++ b/client/jsFiles/SEAWebClientGroup.js
@@ -508,7 +508,6 @@ function createTitle(component, modules) {
     var left = document.createElement('span');
     // var status_icon =  document.createElement('p');
     // status_icon.classList.add("status-icon");
-    console.log(component);
     var title = component.title;
     if (component.info) {
         left.classList.add("col-left", "event-toggle-info");
diff --git a/client/jsFiles/SEAWebClientMain.js b/client/jsFiles/SEAWebClientMain.js
index 55ab88b..94efe8e 100644
--- a/client/jsFiles/SEAWebClientMain.js
+++ b/client/jsFiles/SEAWebClientMain.js
@@ -87,7 +87,7 @@ new Settings()
     .treat("showMain", "sm", to_bool, true)
     .treat("showConsole", "sc", to_bool, true)
     .treat("showOverview", "so", to_bool, false)
-    .treat("showGraphics", "sg", to_bool, true) // false)
+    .treat("showGraphics", "sg", to_bool, false) // false)
     .treat("hideRightPart", "hr", to_bool, false) //used to completely disable the right part
     .treat("wideGraphs", "wg", to_bool, false) //used to toggle the size of the graphs part
     .treat("showAsync", "sa", to_bool, false)
@@ -179,13 +179,11 @@ window.onload = function() {
     adjustGrid();
 
     let crossElement = document.getElementById("close-cross");
-    // crossElement.innerHTML = '<img class = "icon-graphics" src="res/icon_close.png">';
     
     if(window.hideRightPart){
       document.body.removeChild(crossElement);
     }else{
       crossElement.onclick = function(){
-        console.log(showParams);
         if (showParams) {
             showParams = false;
             document.getElementById('close-cross').innerHTML = '<img class = "icon-close" src="res/icon_sinus.png">';
@@ -202,6 +200,12 @@ window.onload = function() {
       }
     }
 
+    let logIcon = document.getElementById("log-icon-container");
+    logIcon.onclick = function(){
+        console.log("show log");
+        adjustGrid();
+      }
+
     var homeButton = document.getElementById("home-icon");
     
     homeButton.onclick = function () {
diff --git a/client/res/icon_info.png b/client/res/icon_info.png
new file mode 100644
index 0000000..380b073
Binary files /dev/null and b/client/res/icon_info.png differ
diff --git a/client/res/icon_log.png b/client/res/icon_log.png
new file mode 100644
index 0000000..139ba63
Binary files /dev/null and b/client/res/icon_log.png differ
diff --git a/client/res/icon_modules.png b/client/res/icon_modules.png
new file mode 100644
index 0000000..31151cc
Binary files /dev/null and b/client/res/icon_modules.png differ
diff --git a/client/res/icon_sinus.png b/client/res/icon_sinus.png
new file mode 100644
index 0000000..aa61bf1
Binary files /dev/null and b/client/res/icon_sinus.png differ
diff --git a/client/res/icon_status.png b/client/res/icon_status.png
new file mode 100644
index 0000000..7ac4cd6
Binary files /dev/null and b/client/res/icon_status.png differ