Add React Map

client/less/map.less

@@ -125,10 +125,11 @@
   }
 }
 
-#map-filter {
+.map-filter {
     background:#fff;
     border-color: darkgreen;
 }
+
 .input-group-addon {
   width:40px;
   color: darkgreen;
@@ -149,22 +150,29 @@
   }
 }
 
-.mapWrapper {
+.map-wrapper {
+  position: absolute;
   display: block;
   height: 100%;
   width: 100%;
 }
 
 .map-accordion {
-  width:700px;
-  margin:155px auto 0;
-  position:relative;
-  #nested {
-    margin:0 10px;
+  width: 700px;
+  margin: 180px auto 0;
+  position: relative;
+
+  .map-accordion-panel-nested {
+    margin: 0 20px;
     @media (max-width: 400px) {
       margin:0;
     }
   }
+
+  .map-accordion-panel-title {
+    padding-bottom: 0px
+  }
+
   a:focus {
     text-decoration: none;
     color:darkgreen;
@@ -182,13 +190,15 @@
     padding-right:20px;
   }
 
-  h3 {
+  a {
     margin:15px 0;
     padding:0;
+
     &:first-child {
       margin-top:25px
     }
-    > a {
+
+    > h3 {
       padding-left: 40px;
       padding-bottom: 10px;
       display:block;
@@ -196,10 +206,11 @@
     }
   }
 
-  div.chapterBlock {
+  .map-accordion-block {
     :before {
       margin-right: 15px;
     }
+
     p {
       text-indent: -15px;
       margin-left: 60px;
@@ -210,7 +221,7 @@
     }
   }
 
-  .challengeBlockDescription {
+  .challenge-block-description {
     margin:0;
     margin-top:-10px;
     padding:0 15px 23px 30px;
@@ -223,9 +234,9 @@
   }
   div > div:last-child {
     margin-bottom:30px
-  }  
+  }
 }
-.challengeBlockTime {
+.challenge-block-time {
   font-size: 18px;
   color: #BBBBBB;
   display:block;