Map: Reduce info pane width and don't prevent map interaction when open (#36)

www/assets/css/tablet.css

@@ -60,10 +60,26 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
     .page[data-name="add"] .fab {
         margin-bottom: 0;
     }
+
+    .sheet-backdrop.backdrop-in {
+        visibility: hidden;
+    }
+
+    #package-info-sheet {
+        left: 25%;
+        width: 50%;
+    }
 }
 
 @media all and (min-width: 768px) and (min-height: 700px) {
     .margin-top-tablet {
         margin-top: 1rem;
     }
+}
+
+@media all and (min-width: 1024px) {
+    #package-info-sheet {
+        left: 33%;
+        width: 33%;
+    }
 }

www/pages/map.html

@@ -39,7 +39,7 @@
                 <a class="link sheet-close" href="#">Done</a>
             </div>
         </div>
-        <div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: scroll;">
+        <div class="sheet-modal-inner" id="package-info-sheet-inner" style="overflow-y: auto;">
             <div class="list no-hairlines no-margin-top">
                 <ul>
                     <!-- packages go here -->