fixed leaflet custom control opacity problem that only occurs during build, so...

fixed leaflet custom control opacity problem that only occurs during build, so not detected during dev

src/components/legend/legend.js

@@ -4,7 +4,7 @@ import { Heading } from 'react-bulma-components'
 export default function Legend(props) {
 
   function getData(legendData) {
-      return legendData.map((swatch, index) => <div className='swatch' key={`swatch-${index}`}><div className='swatch-color' style={{backgroundColor: swatch['col']}}></div><div className='swatch-value'>{swatch['val']}</div></div>)
+    return legendData.map((swatch, index) => <div className='swatch' key={`swatch-${index}`}><div className='swatch-color' style={{backgroundColor: swatch['col']}}></div><div className='swatch-value'>{swatch['val']}</div></div>)
   }
 
   return (

src/components/osmap/_osmap.sass

@@ -4,4 +4,4 @@
   .custom-control
     padding: 10px
     background-color: rgb(255,255,255)
-    opacity: 100%
+    opacity: 1.0