map.css

@@ -68,11 +68,11 @@
      width: 80%;
      right: -100%;
   }
   .panel.expanded {
   .panel.expanded, .panel.enabled .hide {
      right: 0%;
   }
   
   .panel.enabled .hide {
   .panel.enabled.expanded .hide {
      right: 80%;
      margin-right: 10px;
   }
@@ -135,6 +135,21 @@
   float: right;
}

.pad-left-icon {
   margin-left: 0.2rem;
}
.icon-zoom {
   display: inline-block;
   height: 1rem;
   width: 1rem;
   text-indent: 1rem;
   overflow: hidden;
   background-image: url(zoom.svg);
   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0OTAiIGhlaWdodD0iNDkwIj48cGF0aCBmaWxsPSJub25lIiBzdHJva2U9IiMwMDAiIHN0cm9rZS13aWR0aD0iMzYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZD0ibTI4MCwyNzhhMTUzLDE1MyAwIDEsMC0yLDJsMTcwLDE3MG0tOTEtMTE3IDExMCwxMTAtMjYsMjYtMTEwLTExMCIvPjwvc3ZnPgo=);
   background-size: contain;
   background-repeat: no-repeat;
}

#title {
   top: .5em;
   left: .5em;