back arrow navigation added

app/app/static/css/custom.css

@@ -5,3 +5,41 @@
 .list-group-item {
 	display: list-item;
 }
+
+.clickback {
+   	position: relative;
+   	/*width: 100;*/
+   	/*height: 100;*/
+   	background: #eee;
+   	color: #000;
+   	/*padding: 30px;*/
+	opacity: .1
+}
+
+.clickback:hover {
+   	cursor: hand;
+   	cursor: pointer;
+   	opacity: .6;
+}
+
+.backlink {
+   	position: absolute;
+   	width: 100%;
+   	height: 100%;
+   	top: 0;
+   	left: 0;
+   	text-decoration: none;
+   	/* Makes sure the link doesn't get underlined */
+   	z-index: 10;
+   	/* raises anchor tag above everything else in div */
+   	background-color: white;
+   	/*workaround to make clickable in IE */
+   	opacity: 0;
+   	/*workaround to make clickable in IE */
+   	filter: alpha(opacity=0);
+   	/*workaround to make clickable in IE */
+}
+
+.glyphicon.glyphicon-arrow-left {
+	font-size: 50px;
+}

app/app/templates/public/add-dev.html

@@ -5,7 +5,13 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+	<div class="col-md-6">
 		<h2> Add New Device </h2>
 		<br><br>
 		<form action="dev" method="post">

app/app/templates/public/app.html

@@ -5,7 +5,14 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+
+	<div class="col-md-6">
 		<div class="panel panel-primary">
 			<div class="panel-heading">
 				<h2><center> {{ app[0] }} </center></h2>

app/app/templates/public/dev-conf.html

@@ -5,7 +5,13 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+	<div class="col-md-6">
 		<h2> Configure Device: {{ devname }} </h2>
 		<br><br>
 		<form action="dev-conf" method="post">

app/app/templates/public/dev-data.html

@@ -5,7 +5,13 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+	<div class="col-md-6">
 		<div class="panel panel-success">
 			<div class="panel-heading">
 				<h2><center> {{ devname }} data </center></h2>

app/app/templates/public/dev.html

@@ -5,7 +5,13 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+	<div class="col-md-6">
 		<div class="panel panel-info">
 			<div class="panel-heading">
 				<center><h2> {{ dev[0] }} </h2></center>

app/app/templates/public/new-app.html

@@ -5,7 +5,13 @@
 {% block content %}
 
 <div class="row">
-	<div class="col-md-6 col-md-offset-3">
+	<div class="col-md-3">
+		<div class="clickback">
+			<span class="glyphicon glyphicon-arrow-left"></span>	
+			<p><a class="backlink" onclick="history.back(-1)"></a></p>
+		</div>
+	</div>
+	<div class="col-md-6">
 		<h2> New Application </h2>
 		<br><br>
 		<form action="app" method="post">