UI updates.

css/style.css

@@ -105,21 +105,31 @@ div#loading{
 	a.topbar-current{
 		float: right !important;
 	}
-	a.topbar-back{
+	a.topbar-back,a.topbar-history,a.topbar-index{
 		width: 35px !important;
-		background-color: darkred;
 		position: absolute;
+		top: 0;
+	}
+	a.topbar-back{
+		background-color: darkred;
 		left: 0;
 	}
 	a.topbar-back:hover{
 		background-color: gray !important;
 	}
+	a.topbar-history{
+		left: 37px;
+	}
+	a.topbar-index{
+		left: 74px;
+	}
 	div#topbar{
 		min-height: 35px;
 	}
 	div.topbar-right{
 		min-height: 35px;
 		width: 100%;
+		padding-top: 35px;
 	}
 }
 @media screen and (min-width: 768px){

data/pages/topbar.template

@@ -9,7 +9,7 @@
 <div class="topbar-left">
 	<a class="topbar-home" href="#page-index">
 		<span>
-			&#127968;
+			&#8962;
 		</span>
 	</a>
 	<a class="topbar-current" href="#{{url}}">
@@ -21,10 +21,10 @@
 		&#8801;
 	</a>
 	<a class="topbar-history" href="#page-index">
-		&#128281;
+		&larr;
 	</a>
 	<a class="topbar-index" href="#page-index">
-		&#127968;
+		&#8962;
 	</a>
 	{{#unless key}}
 		<a href="#page-register">