From 839cb8b3c1c35d46299fcb00e391825335ffb56e Mon Sep 17 00:00:00 2001
From: Robin de Mourat <robin.demourat@gmail.com>
Date: Tue, 3 Dec 2024 15:51:15 +0100
Subject: [PATCH] finetune comparaisons la rochelle

---
 src/components/BarChart/BarChart.scss                      | 1 +
 src/components/ScrollyPage/ScrollyPage.scss                | 1 +
 .../ComparaisonsLaRochelle/ComparaisonsLaRochelle.js       | 7 +++++--
 .../ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss     | 4 +++-
 4 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/BarChart/BarChart.scss b/src/components/BarChart/BarChart.scss
index 2cc35b8d..4f6ea30d 100644
--- a/src/components/BarChart/BarChart.scss
+++ b/src/components/BarChart/BarChart.scss
@@ -15,6 +15,7 @@
     // justify-content: flex-end;
     // align-items: center;
     overflow: visible;
+    line-height: 1;
   }
   @include tablet {
     .row.vis-row {
diff --git a/src/components/ScrollyPage/ScrollyPage.scss b/src/components/ScrollyPage/ScrollyPage.scss
index 213f16d5..2b28b988 100644
--- a/src/components/ScrollyPage/ScrollyPage.scss
+++ b/src/components/ScrollyPage/ScrollyPage.scss
@@ -140,6 +140,7 @@
       height: 100%;
       flex: 1;
       position: relative;
+      margin-bottom: 1rem;
     }
   }
 
diff --git a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js
index 2cf6e3bd..2aefd528 100644
--- a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js
+++ b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.js
@@ -1,5 +1,6 @@
 import { lt } from "lodash";
 import { useState, useMemo } from "react";
+import cx from 'classnames';
 import BarChart from "../../components/BarChart";
 import { formatNumber } from "../../utils/misc";
 import translate from '../../utils/translate';
@@ -12,7 +13,7 @@ const ComparaisonsLaRochelle = ({
   atlasMode,
   lang,
 }) => {
-  const height = atlasMode ? inputHeight - 350 : inputHeight - 250;
+  const height = atlasMode ? inputHeight - 350 : inputHeight - 300;
   const [withLest, setWithLest] = useState(true);
   // const field = useMemo(() => withLest ? 'estimate' : 'estimate_without_lest', [withLest]);
   // const actualData = useMemo(() => {
@@ -83,7 +84,9 @@ const ComparaisonsLaRochelle = ({
 
   const exportsMonde = +data.get('comparaisons-la-rochelle-toflit18.csv').find(d => d.partenaire === 'Monde').valeur;
   return (
-    <div className="ComparaisonsLaRochelle">
+    <div
+     className={cx("ComparaisonsLaRochelle", {'is-atlas-mode': atlasMode})}
+    >
       <div className="columns-container">
         <div className="column">
           <h2>{translate('ComparaisonLaRochelle', 'title1', lang)}</h2>
diff --git a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss
index 1c3f2ce0..8faf5471 100644
--- a/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss
+++ b/src/visualizations/ComparaisonsLaRochelle/ComparaisonsLaRochelle.scss
@@ -9,7 +9,6 @@
     display: flex;
     flex-flow: row nowrap;
     box-sizing: border-box;
-    
     // height: 50%;
     .column {
 
@@ -38,4 +37,7 @@
     justify-content: center;
     margin-top: $medium-gutter;
   }
+
+  // &:not(.is-atlas-mode) {
+  // }
 }
\ No newline at end of file