From 34c273c2d222e5e5b33decd9211144ac3485ba4e Mon Sep 17 00:00:00 2001
From: Kenneth Jao <ksjdragon@gmail.com>
Date: Sat, 16 Jul 2016 01:50:05 +0800
Subject: [PATCH] fixed order of tabs

---
 atoms/index.html    | 28 ++++++++++++++--------------
 atoms/js/buttons.js |  8 ++++----
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/atoms/index.html b/atoms/index.html
index ff78b62..454ef02 100644
--- a/atoms/index.html
+++ b/atoms/index.html
@@ -18,7 +18,20 @@
 			</div>
 		</div>
 		
-		<div class="pulltab second"><p class="tDesc">Settings</p></div>
+		<div class="pulltab second"><p class="tDesc">Tools</p></div>
+		<div class="sidebar tools">
+			<i class="fa fa-close"></i>
+			<form>
+				Reactants:
+				<input type="text" class="reactant">
+				Products:
+				<input type="test" class="product">
+			</form>
+			<p id="balancebutton">Balance!</p>
+			<div class="balanceholder"><input type="text" class="balanceout" readonly></div>
+		</div>
+		
+		<div class="pulltab third"><p class="tDesc">Settings</p></div>
 		<div class="sidebar settings">
 			<i class="fa fa-close"></i>
 			<div class="setting">
@@ -55,19 +68,6 @@
 			</div>
 		</div>
 
-		<div class="pulltab third"><p class="tDesc">Tools</p></div>
-		<div class="sidebar tools">
-			<i class="fa fa-close"></i>
-			<form>
-				Reactants:
-				<input type="text" class="reactant">
-				Products:
-				<input type="test" class="product">
-			</form>
-			<p id="balancebutton">Balance!</p>
-			<div class="balanceholder"><input type="text" class="balanceout" readonly></div>
-		</div>
-		
 		<div class="workspace"></div>
 	</body>
 	<script type='text/javascript'> 
diff --git a/atoms/js/buttons.js b/atoms/js/buttons.js
index 36dbab0..82d923f 100644
--- a/atoms/js/buttons.js
+++ b/atoms/js/buttons.js
@@ -1,14 +1,14 @@
 get("pulltab")[0].onclick = function(){open(get("elements"));}
-get("pulltab")[1].onclick = function(){open(get("settings"));}
-get("pulltab")[2].onclick = function(){open(get("tools"));}
+get("pulltab")[1].onclick = function(){open(get("tools"));}
+get("pulltab")[2].onclick = function(){open(get("settings"));}
 get("fa")[0].onclick = function() {
 	get("elements").style.marginLeft = "-150%";
 }
 get("fa")[1].onclick = function() {
-	get("settings").style.marginLeft = "-40%";
+	get("tools").style.marginLeft = "-170%";
 }
 get("fa")[2].onclick = function() {
-	get("tools").style.marginLeft = "-170%";
+	get("settings").style.marginLeft = "-40%";
 }
 
 function open(dom) {