highlighted icons on mapnav active item #2244

src/assets/common.scss

@@ -11,12 +11,13 @@ $pad_btn: 0.5em;
 
 span.icon{
   background-repeat: no-repeat;
-  background-position: middle center;
-  background-size: contain;
+  background-position: center;
+  background-size: 85%;
   display: inline-block;
   vertical-align:bottom;
   width: 1.5em;
   height:1.5em;
+  border-radius: 0.75em;
   &.terraindevie{
     background-image: url('./icons/terraindevie.svg');
   }

src/assets/main.scss

@@ -100,7 +100,14 @@ body{
         a{
           @include btn();
           display: block;
-          line-height: 2.1;
+          // line-height: 2.1;
+          line-height: 1.7;
+          &.active{
+            // color: red;
+            span.icon{
+              background-color: rgba(255, 255, 255, 0.6);
+            }
+          }
           &.disabled{
             pointer-events: none;
             opacity: 0.4;
@@ -123,6 +130,7 @@ body{
       }
     }
   }
+
   $cartouch_width : 450px;
   #content{
     display: flex;