Fix #822

resources/js/jethro.js

@@ -26,7 +26,7 @@ $(document).ready(function() {
 		}
 
 		// add a back button
-		$('a.brand').parent().prepend('<ei class="icon-white icon-chevron-left" onclick="history.go(-1); "></i>')
+		$('a.brand').parent().prepend('<i class="icon-white icon-chevron-left" onclick="history.go(-1); "></i>')
 
 		// stay inside the app, avoid linking out to mobile safari
 		$("a").click(function (event) {
@@ -43,7 +43,10 @@ $(document).ready(function() {
 			}
 		});
 	}
-	if (("standalone" in window.navigator) && !window.navigator.standalone) {
+	if ((navigator.userAgent.toLowerCase().indexOf('safari/') > -1)
+		&& ("standalone" in window.navigator)
+		&& !window.navigator.standalone) {
+		// we're in safari, but not in standalone mode, so show the tip
 		$('.a2hs-prompt').show();
 	}
 

resources/less/jethro.less.php

@@ -248,28 +248,31 @@
 	display: table-cell;
 	vertical-align: middle;
 	height: 40px;
-/*	border: 1px solid green;*/
+	position: absolute;
+	margin-top: 0px;
+	z-index: 888;
 }
 #jethro-public #jethro-nav-toprow h1 {
 	line-height: 40px;
 }
 /* mobile back button */
 #jethro-nav-toprow .icon-chevron-left {
 	float: left;
-	margin-top: 9px;
+	margin-top: 12px;
+	margin-right: 3px;
 }
 #jethro-nav-toprow .brand {
 	background: url(../img/jethro-white.png);
 	background-repeat: no-repeat;
 	background-position: 50% 50%;
 	font-size: 0.01em;
-	height: 24px;
-	margin: 7px 10px 5px 0px;
+	height: 40px;
 	padding: 0;
 	text-indent: -9999px;
 	width: 106px;
 	float: left;
 	display: block;
+	margin-right: 5px;
 }
 #jethro-nav .btn-navbar {
 	display: none;
@@ -324,7 +327,6 @@
 		display: inline;
 	}
 	#jethro-nav-toprow .brand {
-		position: absolute;
 		top: 7px;
 		z-index: 888;
 		margin: 0px;