Removed Google Maps sensor parameter from example files as it's no longer required, fixed pagination bug when a new location was entered when not on the first page of results, started styling update

Author: bjorn2404

dist/assets/css/storelocator.css

@@ -3,6 +3,9 @@
   float: left;
   display: block;
 }
+#page-header .bh-sl-title {
+  color: #797874;
+}
 /* Infowindow Roboto font override */
 .gm-style div,
 .gm-style span,
@@ -23,7 +26,7 @@
   margin-left: 20px;
   width: 875px;
   font: normal 14px/20px Arial, Helvetica, sans-serif;
-  color: #333333;
+  color: #555555;
 }
 .bh-sl-container .bh-sl-form-container {
   clear: left;
@@ -55,7 +58,7 @@
   padding: 6px 12px;
   background: #ae2118;
   border: 1px solid #961f17;
-  font: normal 14px/18px Arial, Helvetica, sans-serif;
+  font: bold 14px/18px Arial, Helvetica, sans-serif;
   color: #ffffff;
   white-space: nowrap;
   -webkit-border-radius: 4px;
@@ -115,6 +118,7 @@
   width: 30%;
   height: 530px;
   overflow-x: auto;
+  font-size: 13px;
 }
 .bh-sl-container .bh-sl-loc-list ul {
   display: block;
@@ -138,13 +142,14 @@
 .bh-sl-container .bh-sl-loc-list .list-label {
   float: left;
   margin: 10px 0 0 6px;
-  padding: 2px 3px;
+  padding: 4px;
   width: 10%;
   max-width: 25px;
   text-align: center;
   background: #451400;
   color: #ffffff;
   font-weight: bold;
+  border-radius: 16px;
 }
 .bh-sl-container .bh-sl-loc-list .list-details {
   float: left;
@@ -181,8 +186,8 @@
 }
 .bh-sl-container .loc-name {
   /* Picked up by both list and infowindows */
-  color: #ae2118;
   font-weight: bold;
+  font-size: 15px;
 }
 .bh-sl-container .bh-sl-map {
   float: left;
@@ -204,10 +209,9 @@
   cursor: pointer;
   font: bold 14px Arial, Helvetica, sans-serif;
   color: #ae2118;
-  text-decoration: underline;
 }
 .bh-sl-container .bh-sl-pagination-container ol .bh-sl-current {
-  color: #333333;
+  color: #555555;
   cursor: auto;
   text-decoration: none;
 }

dist/assets/css/storelocator.min.css

@@ -1,4 +1,4 @@
-/*! jQuery Google Maps Store Locator - v2.1.0 - 2015-10-23
+/*! jQuery Google Maps Store Locator - v2.1.1 - 2015-11-18
 * http://www.bjornblog.com/web/jquery-store-locator-plugin
 * Copyright (c) 2015 Bjorn Holine; Licensed MIT */
 
@@ -1626,8 +1626,10 @@
 			}
 
 			// Set the initial page to zero if not set
-			if (typeof page === 'undefined') {
-				page = 0;
+			if ( _this.settings.pagination === true ) {
+				if (typeof page === 'undefined' || originalOrigin !== addressInput ) {
+					page = 0;
+				}
 			}
 
 			// Data request

dist/assets/js/plugins/storeLocator/jquery.storelocator.js

@@ -9,8 +9,10 @@
 			<div class="loc-addr3">{{city}}{{#if city}},{{/if}} {{state}} {{postal}}</div>
 			<div class="loc-phone">{{phone}}</div>
 			<div class="loc-web"><a href="{{web}}" target="_blank">{{niceURL web}}</a></div>
-			{{#if distance}}<div class="loc-dist">{{distance}} {{length}}</div>
-			<div class="loc-directions"><a href="https://maps.google.com/maps?saddr={{origin}}&amp;daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank">Directions</a></div>{{/if}}
+			{{#if distance}}
+				<div class="loc-dist">{{distance}} {{length}}</div>
+				<div class="loc-directions"><a href="https://maps.google.com/maps?saddr={{origin}}&amp;daddr={{address}} {{address2}} {{city}}, {{state}} {{postal}}" target="_blank">Directions</a></div>
+			{{/if}}
 		</div>
 	</div>
 </li>

dist/assets/js/plugins/storeLocator/jquery.storelocator.min.js

@@ -10,7 +10,7 @@
 
     <div class="bh-sl-container">
       <div id="page-header">
-        <h1>Using Chipotle as an Example</h1>
+        <h1 class="bh-sl-title">Using Chipotle as an Example</h1>
         <p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality. 
         You can use just the city as the address - ex: Edina, MN.</p>
       </div>
@@ -36,7 +36,7 @@ <h1>Using Chipotle as an Example</h1>
 
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="assets/js/libs/handlebars.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 		<script>
 			$(function() {

dist/assets/js/plugins/storeLocator/templates/location-list-description.html

@@ -14,7 +14,7 @@
 		<div class="bh-sl-container container-fluid">
 			<div class="jumbotron">
 				<div class="container">
-					<h1>Using Chipotle as an Example</h1>
+					<h1 class="bh-sl-title">Using Chipotle as an Example</h1>
 					<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden
 						Prarie, etc. would be good for testing the functionality. You can use just the city as the address - ex:
 						Edina, MN.</p>
@@ -47,7 +47,7 @@ <h1>Using Chipotle as an Example</h1>
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 		<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
     <script src="assets/js/libs/handlebars.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
       <script>
         $(function() {

dist/autogeocode-example.html

@@ -10,7 +10,7 @@
 
 <div class="bh-sl-container">
 	<div id="page-header">
-		<h1>Using Chipotle as an Example</h1>
+		<h1 class="bh-sl-title">Using Chipotle as an Example</h1>
 		<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality.
 			You can use just the city as the address - ex: Edina, MN.</p>
 	</div>
@@ -122,7 +122,7 @@ <h1>Using Chipotle as an Example</h1>
 
 <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 <script src="assets/js/libs/handlebars.min.js"></script>
-<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+<script src="http://maps.google.com/maps/api/js"></script>
 <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 <script>
 	$(function() {

dist/bootstrap-example.html

@@ -10,7 +10,7 @@
 
 <div class="bh-sl-container">
 	<div id="page-header">
-		<h1>Using Chipotle as an Example</h1>
+		<h1 class="bh-sl-title">Using Chipotle as an Example</h1>
 		<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality.
 			You can use just the city as the address - ex: Edina, MN. <strong>Note: SVGs are not used in this example because there seems to be a bug in IE11 and they aren't
 				displayed. SVG path notation isn't used because it <a href="https://code.google.com/p/gmaps-api-issues/issues/detail?id=6358" target="_blank">looks awful</a> with HDPI devices.</strong></p>
@@ -37,7 +37,7 @@ <h1>Using Chipotle as an Example</h1>
 
 <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 <script src="assets/js/libs/handlebars.min.js"></script>
-<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+<script src="http://maps.google.com/maps/api/js"></script>
 <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 <script>
 	$(function() {

dist/categories-example.html

@@ -10,7 +10,7 @@
 
     <div class="bh-sl-container">
       <div id="page-header">
-        <h1>Using Chipotle as an Example</h1>
+        <h1 class="bh-sl-title">Using Chipotle as an Example</h1>
         <p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality. 
         You can use just the city as the address - ex: Edina, MN.</p>
       </div>
@@ -36,7 +36,7 @@ <h1>Using Chipotle as an Example</h1>
 
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="assets/js/libs/handlebars.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 		<script>
 			$(function() {

dist/category-markers-example.html

@@ -37,7 +37,7 @@ <h1>Simple geocoding form</h1>
     </div>
 
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/geocode.min.js"></script>
 
   </body>

dist/default-location-example.html

@@ -10,7 +10,7 @@
 
     <div class="bh-sl-container">
       <div id="page-header">
-        <h1>Using Chipotle as an Example</h1>
+        <h1 class="bh-sl-title">Using Chipotle as an Example</h1>
         <p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality. 
         You can use just the city as the address - ex: Edina, MN.</p>
       </div>
@@ -36,7 +36,7 @@ <h1>Using Chipotle as an Example</h1>
 
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="assets/js/libs/handlebars.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 		<script>
 			$(function() {

dist/geocode.html

@@ -10,7 +10,7 @@
 
 <div class="bh-sl-container">
 	<div id="page-header">
-		<h1>Using Chipotle as an Example</h1>
+		<h1 class="bh-sl-title">Using Chipotle as an Example</h1>
 		<p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality.
 			You can use just the city as the address - ex: Edina, MN.</p>
 	</div>
@@ -36,7 +36,7 @@ <h1>Using Chipotle as an Example</h1>
 
 <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
 <script src="assets/js/libs/handlebars.min.js"></script>
-<script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+<script src="http://maps.google.com/maps/api/js"></script>
 <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 <script>
 	$(function() {

dist/index.html

@@ -10,7 +10,7 @@
 
     <div class="bh-sl-container">
       <div id="page-header">
-        <h1>Using Chipotle as an Example</h1>
+        <h1 class="bh-sl-title">Using Chipotle as an Example</h1>
         <p>I used locations around Minneapolis and the southwest suburbs. So, for example, Edina, Plymouth, Eden Prarie, etc. would be good for testing the functionality. 
         You can use just the city as the address - ex: Edina, MN.</p>
       </div>
@@ -36,7 +36,7 @@ <h1>Using Chipotle as an Example</h1>
 
     <script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="assets/js/libs/handlebars.min.js"></script>
-    <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
+    <script src="http://maps.google.com/maps/api/js"></script>
     <script src="assets/js/plugins/storeLocator/jquery.storelocator.js"></script>
 		<script>
 			$(function() {