From 98c030f6d8239aed86e51afb85faaf8bc036ae7f Mon Sep 17 00:00:00 2001
From: Vilius <www.viliusl@gmail.com>
Date: Wed, 7 Sep 2016 21:25:51 +0300
Subject: [PATCH] mouse/res info update

---
 index.html   |  4 ++--
 js/layers.js | 10 +++++++++-
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 8f803be..be5cd77 100644
--- a/index.html
+++ b/index.html
@@ -45,10 +45,10 @@
 			</div>
 		</div>
 		<div class="block" id="mouse_info">
-			<span style="font-weight:bold;min-width:45px;display:block;float:left;" class="trn">Size:</span>
+			<span style="font-weight:bold;min-width:38px;display:block;float:left;" class="trn">Size:</span>
 			<span id="mouse_info_size"></span><br />
 			
-			<span style="font-weight:bold;min-width:45px;display:block;float:left;" class="trn">Mouse:</span>
+			<span style="font-weight:bold;min-width:38px;display:block;float:left;font-size:10px;" class="trn">Mouse:</span>
 			<span id="mouse_info_mouse"></span><br />
 			
 			<div style="display:none;" id="mouse_info_selected">
diff --git a/js/layers.js b/js/layers.js
index 8edff2f..a5059ac 100644
--- a/js/layers.js
+++ b/js/layers.js
@@ -512,6 +512,8 @@ function LAYER_CLASS() {
 			//show
 			document.getElementById('layers').innerHTML = html;
 		}
+		if(this.layers.length == 0)
+			document.getElementById('layers').innerHTML = '';
 	};
 	this.shake = function (i, nr) {
 		var step = 3;
@@ -549,7 +551,13 @@ function LAYER_CLASS() {
 			x = EVENTS.mouse.x;
 			y = EVENTS.mouse.y;
 		}
-		document.getElementById('mouse_info_mouse').innerHTML = x + ", " + y;
+		if(EVENTS.mouse.valid == true){
+			document.getElementById('mouse_info_mouse').innerHTML = x + "x" + y;
+		}
+		else{
+			//mouse is not inside canvas
+			document.getElementById('mouse_info_mouse').innerHTML = '';
+		}
 		
 		//show selected area info
 		if (DRAW.select_data != false) {