commit

js12/main.js

@@ -5,6 +5,7 @@ var result = document.getElementById('result');
 var emoji = document.querySelectorAll(".emoji-item");
 var canvasIcon = document.querySelector(".draw img");
 var canvasBar = document.querySelector(".canvas");
+var main = document.querySelector("main");
 for (var i = 0; i < emoji.length; i++) {
 	emoji[i].onclick = function(){
 		var xmlhttp = new XMLHttpRequest();  
@@ -26,10 +27,12 @@ canvasIcon.onclick = function(){
 	if(!cansvasIsVisible){
 		canvasBar.style.visibility = "visible";
 		cansvasIsVisible = true;
+		main.style.marginLeft = "40%";
 	}
 	else{
 		canvasBar.style.visibility = "hidden";
 		cansvasIsVisible = false;
+		main.style.margin = "0 auto";
 	}
 	
 }