fixed mdi icons, added recit icon on map-popup

src/assets/main.scss

@@ -234,11 +234,14 @@ body{
     // left: 0;
 
     .popup-content-wrapper{
-      background-color: white;
-      padding: 1em;
-      border-radius: 3px;
-      max-width: 30em;
+      display: flex;
+      flex-direction: row;
+      align-items:center;
       .concernement-map-popup{
+        background-color: white;
+        padding: 1em;
+        border-radius: 3px;
+        max-width: 30em;
         ul.icons{
           display: flex;
           flex-direction: row;
@@ -251,7 +254,25 @@ body{
           }
         }
       }
+      .concernement-map-popup-recit{
+        padding-left: 0.8em;
+        >svg{
+          display: inline-block;
+          $d: 55px; 
+          width:$d; height:$d;
+          border-radius: $d * 0.5;
+          background-color: #fff;
+          padding: 10px;
+          box-sizing: border-box;
+          color: #333;
+          // font-size: 2em;
+        }
+      }
       .reponse-map-popup{
+        background-color: white;
+        padding: 1em;
+        border-radius: 3px;
+        max-width: 30em;
         >div{
           margin-bottom: 0.5em;
           label{
@@ -265,6 +286,9 @@ body{
         font-size: 1em;
         font-weight: 400;
       }
+      h1{
+        padding-bottom: 0.5em;
+      }
     }
 
     &:before{