fix layout of legend

natcap · Nov 8, 2023 · d07fce4 · d07fce4
1 parent c044274
commit d07fce4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 5 deletions.
diff --git a/frontend/src/index.css b/frontend/src/index.css
@@ -81,7 +81,7 @@ html, body, #root, .App {
   display: flex;
   /*height: 1rem;/*
   /*padding-bottom: 2rem;*/
-  width: 250px;
+  width: 350px;
   position: absolute;
   bottom: 1rem;
   right: 1rem;

diff --git a/frontend/src/map/legendControl.jsx b/frontend/src/map/legendControl.jsx
@@ -41,7 +41,7 @@ export default function LegendControl(props) {
               {
                 (lulcCode)
                   ? (
-                    <div>
+                    <>
                       <div
                         style={{
                           backgroundColor: landuseCodes[lulcCode][lulcType].color,
@@ -52,12 +52,11 @@ export default function LegendControl(props) {
                         }}
                       />
                       <span>{landuseCodes[lulcCode][lulcType].name}</span>
-                    </div>
+                    </>
                   )
                   : <div />
               }
             </div>
-            // <div className="map-lulc-legend lulc-legend">{'?'}</div>
           )
           : <div />
       }

diff --git a/frontend/src/map/lulcLayer.js b/frontend/src/map/lulcLayer.js
@@ -25,7 +25,6 @@ const COLORMAPS = {
 };
 
 export function getStyle(lulcType) {
-  console.log(lulcType)
   // https://openlayers.org/en/latest/apidoc/module-ol_style_expressions.html#~ExpressionValue
   // https://github.com/openlayers/openlayers/blob/main/test/rendering/cases/webgl-palette/main.js
   return {