Fix future places checkbox style

Vizzuality · May 11, 2022 · 63d34e9 · 63d34e9
1 parent 3dd062b
commit 63d34e9
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 19 deletions.
diff --git a/...nal-report-sidebar/overview-sidebar/local-priority-card/local-priority-card-component.jsx b/...nal-report-sidebar/overview-sidebar/local-priority-card/local-priority-card-component.jsx
@@ -39,9 +39,7 @@ const LocalPriorityCardComponent = (props) => {
     countryData,
   } = props;
 
-  const {
-    Marine,
-  } = countryData;
+  const { Marine } = countryData;
 
   const coastal = Marine === 'True' ? true : false;
 
@@ -207,18 +205,16 @@ const LocalPriorityCardComponent = (props) => {
           description="These locations indentify the unprotected places that will lead to the most rapid conservation gains for biodiversity habitat via contributions to species representation targets."
           metaDataSources={futurePlacesMetadata && futurePlacesMetadata.source}
         />
-        <div className={styles.toggleContainer}>
-          <LayerToggle
-            map={map}
-            type="checkbox"
-            option={NRC_TOGGLES[HALF_EARTH_FUTURE_TILE_LAYER]}
-            variant="dark"
-            key={HALF_EARTH_FUTURE_TILE_LAYER}
-            activeLayers={activeLayers}
-            onChange={handleLayerToggle}
-            themeCategorySlug={FUTURE_PLACES_SLUG}
-          />
-        </div>
+        <LayerToggle
+          map={map}
+          type="checkbox"
+          option={NRC_TOGGLES[HALF_EARTH_FUTURE_TILE_LAYER]}
+          variant="dark"
+          key={HALF_EARTH_FUTURE_TILE_LAYER}
+          activeLayers={activeLayers}
+          onChange={handleLayerToggle}
+          themeCategorySlug={FUTURE_PLACES_SLUG}
+        />
       </SidebarCardWrapper>
     </div>
   );

diff --git a/...eport-sidebar/overview-sidebar/local-priority-card/local-priority-card-styles.module.scss b/...eport-sidebar/overview-sidebar/local-priority-card/local-priority-card-styles.module.scss
@@ -15,7 +15,3 @@
     padding: 25px 0;
   }
 }
-
-.toggleContainer {
-  margin: 0 20px;
-}