back to (modified) old icon theme

client/cssFiles/SEAWebClientMain.css

@@ -175,7 +175,10 @@ meta, body {
 .panel.graphics{
     display: flex;
     justify-content: flex-end;
-	padding-right: 12px;
+}
+
+.panel-grapics-wide {
+	padding-right: 28px;
 }
 
 /* %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% */
@@ -189,8 +192,8 @@ meta, body {
 }
 
 .icon-main {
-	height: 20px;
+	height: 18px;
-	width: 20px;
+  	width: 18px;
 }
 
 .icon-main:hover {

client/jsFiles/SEAWebClientGraphics.js

@@ -354,7 +354,7 @@ function loadGraphicsMenu(panel){
     menuGraphicsPopup.style.position = "absolute";
     panel.appendChild(graphicsMenuControl);
     graphicsMenuControl.style.marginLeft="0px";
-    graphicsMenuControl.style.marginRight="28px";
+    graphicsMenuControl.style.marginRight="8px";
     graphicsMenuControl.style.marginTop="2px";
 }
 

client/jsFiles/SEAWebClientMain.js

@@ -158,11 +158,13 @@ window.onload = function() {
         } else {
             if (window.wideGraphs) {
                 window.wideGraphs = false;
+                document.getElementsByClassName('graphics')[0].classList.remove('panel-grapics-wide');
                 // icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_sinus.png">';
                 icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_close.png">';
                 icon_log_container.classList.remove("icon-main-container-hidden");
             } else {
                 window.wideGraphs = true;
+                document.getElementsByClassName('graphics')[0].classList.add('panel-grapics-wide');
                 // icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_modules.png">';
                 icon_close_container.innerHTML = '<img class = "icon-main icon-close" src="res/icon_close.png">';
                 icon_log_container.classList.add("icon-main-container-hidden");