diff --git a/css/site.css b/css/site.css index 89febff..a708842 100644 --- a/css/site.css +++ b/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;} } diff --git a/index.html b/index.html index fb89c5d..7393aa5 100644 --- a/index.html +++ b/index.html @@ -51,7 +51,7 @@ NameAddress {{#rows}} - {{name}} + {{name}} {{address}}, {{city}} {{/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({