css updates and zoom limitation

css/site.css

@@ -36,13 +36,17 @@ ul.nav li a:hover {border-bottom: 1px #FD9393 solid;}
 #info {max-width: 400px; width: 100%; float: left; padding: 5px 10px;}
 .store-details {text-transform: uppercase; font-size: 11px; letter-spacing: .1em; padding-right: 6px;}
 
+#Stores {margin: 0 auto; width: 80%;}
+#Stores tr {cursor: pointer;}
+#Stores tr td {padding: 2px 10px;}
+
 #viewInfo {cursor: pointer;}
 #info p {font-size: 14px; padding: 4px; line-height: 19px; font-weight: 300; max-width: 530px; min-width: 300px; }
 
 @media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px) and (max-width: 1024px) {
   body {border: 20px #F8F8F8 solid; margin: 0px; padding: 20px 20px 80px 20px;}
   #wrapper {max-width: 460px; padding-top: 20px;}
-  #Stores, #map {min-width: 224px;}
+  #Stores, #map {min-width: 224px; width:100%;}
   #map{width:450px;margin-left:0px;}
 }
 

index.html

@@ -51,7 +51,7 @@
         <tr><th class="tHeader">Name</th><th class="tHeader">Address</th></tr>
             {{#rows}}
                 <tr id="{{rowNumber}}" class="spotRow">
-                    <td>{{name}}</td>
+                    <td class="name">{{name}}</td>
                     <td>{{address}}, {{city}}</td>
                 </tr>
             {{/rows}}
@@ -87,7 +87,10 @@
         container: 'map',
         style: 'mapbox://styles/mapbox/basic-v9',
         center: [-73.8966279, 40.7420127], // arbitrary center point
-        zoom: 10
+        zoom: 10,
+        minZoom: 9,
+        maxZoom: 17,
+        dragRotate: false
     });
 
     var popup = new mapboxgl.Popup({