From 7176244368bb7e89866c302042b4c99668f41ae6 Mon Sep 17 00:00:00 2001
From: Willian Viana <willian.batista.viana@gmail.com>
Date: Mon, 4 Sep 2023 12:00:19 -0300
Subject: [PATCH 1/2] feat(ttc): add tree cover density to analysis

---
 components/widgets/land-cover/tree-cover-density/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/widgets/land-cover/tree-cover-density/index.js b/components/widgets/land-cover/tree-cover-density/index.js
index e1dcff3881..d8e37bc1c5 100644
--- a/components/widgets/land-cover/tree-cover-density/index.js
+++ b/components/widgets/land-cover/tree-cover-density/index.js
@@ -19,7 +19,7 @@ export default {
   types: ['country', 'wdpa', 'aoi'],
   admins: ['adm0', 'adm1', 'adm2'],
   large: true,
-  visible: ['dashboard'],
+  visible: ['dashboard', 'analysis'],
   chartType: 'composedChart',
   colors: 'density',
   settingsConfig: [

From f78a89baf00f116526e3dfbb4ba9e64315333ee5 Mon Sep 17 00:00:00 2001
From: Willian Viana <willian.batista.viana@gmail.com>
Date: Thu, 7 Sep 2023 17:48:29 -0300
Subject: [PATCH 2/2] fix(simple-mode): Fix responsiveness when widget is on
 simple mode (analisys)

---
 components/charts/composed-chart/axis-label.jsx      | 12 ++++++++++--
 components/charts/composed-chart/component.jsx       |  9 ++++++++-
 components/charts/composed-chart/styles.scss         |  8 ++++++++
 .../widget/components/widget-footer/styles.scss      |  1 +
 4 files changed, 27 insertions(+), 3 deletions(-)

diff --git a/components/charts/composed-chart/axis-label.jsx b/components/charts/composed-chart/axis-label.jsx
index 8bf4b9aac4..40a828e3fa 100644
--- a/components/charts/composed-chart/axis-label.jsx
+++ b/components/charts/composed-chart/axis-label.jsx
@@ -1,7 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import cx from 'classnames';
 
-const AxisLabel = ({ label, direction }) => (
+const AxisLabel = ({ label, direction, isSimple = false }) => (
   <>
     <foreignObject
       width="100%"
@@ -9,7 +10,13 @@ const AxisLabel = ({ label, direction }) => (
       className={`${direction}-label-container`}
     >
       <div className={`${direction}-label`}>
-        <span>{label}</span>
+        <span
+          className={cx({
+            'simple-mode-label': isSimple,
+          })}
+        >
+          {label}
+        </span>
       </div>
     </foreignObject>
   </>
@@ -18,6 +25,7 @@ const AxisLabel = ({ label, direction }) => (
 AxisLabel.propTypes = {
   label: PropTypes.string,
   direction: PropTypes.string,
+  isSimple: PropTypes.bool,
 };
 
 export default AxisLabel;
diff --git a/components/charts/composed-chart/component.jsx b/components/charts/composed-chart/component.jsx
index d726c5a6c2..c95d23bfae 100644
--- a/components/charts/composed-chart/component.jsx
+++ b/components/charts/composed-chart/component.jsx
@@ -177,6 +177,7 @@ class CustomComposedChart extends PureComponent {
       <div
         className={cx('c-composed-chart', className, {
           'overflow-x-visible': hasLabels,
+          'no-padding': simple,
         })}
         style={{
           height: simple ? 110 : height || 250,
@@ -237,7 +238,13 @@ class CustomComposedChart extends PureComponent {
               interval="preserveStartEnd"
               {...xAxis}
               {...(config?.xAxis?.label && {
-                label: <AxisLabel label={config?.xAxis?.label} direction="x" />,
+                label: (
+                  <AxisLabel
+                    label={config?.xAxis?.label}
+                    direction="x"
+                    isSimple={simple}
+                  />
+                ),
               })}
             />
             {(!simple || simpleNeedsAxis) && (
diff --git a/components/charts/composed-chart/styles.scss b/components/charts/composed-chart/styles.scss
index edd0eee7f2..c9b3aac083 100644
--- a/components/charts/composed-chart/styles.scss
+++ b/components/charts/composed-chart/styles.scss
@@ -49,6 +49,10 @@ $layout-breakpoint-3xl: 1536px;
   overflow-x: visible !important;
 }
 
+.no-padding {
+  padding: 0 !important;
+}
+
 .x-label-container,
 .y-label-container {
   position: relative;
@@ -58,6 +62,10 @@ $layout-breakpoint-3xl: 1536px;
 
   span {
     font-size: 0.8125rem;
+
+    &.simple-mode-label {
+      font-size: 0.625rem !important;
+    }
   }
 }
 
diff --git a/components/widget/components/widget-footer/styles.scss b/components/widget/components/widget-footer/styles.scss
index 2993c87966..9accdc6d5c 100644
--- a/components/widget/components/widget-footer/styles.scss
+++ b/components/widget/components/widget-footer/styles.scss
@@ -23,6 +23,7 @@
   }
 
   &.simple {
+    margin-top: 1.25rem;
     font-size: rem(10px);
 
     p {