From 908d2aae74213d59383a8e8985a591d1d6251bf4 Mon Sep 17 00:00:00 2001
From: Theo Macron <theo.macron0315@gmail.com>
Date: Mon, 2 Dec 2024 15:10:09 +0100
Subject: [PATCH] front: fix simulation sheet and csv button style

Signed-off-by: Theo Macron <theo.macron0315@gmail.com>
---
 .../SimulationResultExport/SimulationResultsExport.tsx |  4 +++-
 .../operationalStudies/_simulationresults.scss         | 10 +++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/front/src/modules/simulationResult/SimulationResultExport/SimulationResultsExport.tsx b/front/src/modules/simulationResult/SimulationResultExport/SimulationResultsExport.tsx
index 15beda581da..2c4647586a9 100644
--- a/front/src/modules/simulationResult/SimulationResultExport/SimulationResultsExport.tsx
+++ b/front/src/modules/simulationResult/SimulationResultExport/SimulationResultsExport.tsx
@@ -74,6 +74,7 @@ const SimulationResultExport = ({
             onClick={() => window.open(url as string, '_blank')}
             variant="Quiet"
             label={t('simulationSheet')}
+            size="medium"
             leadingIcon={<File />}
           />
         )}
@@ -85,7 +86,8 @@ const SimulationResultExport = ({
           exportTrainCSV(simulatedTrain, operationalPoints, pathElectrifications, train)
         }
         variant="Quiet"
-        label=".CSV"
+        label=".csv"
+        size="medium"
         leadingIcon={<Download />}
       />
     </div>
diff --git a/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss b/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss
index 20f2ca8f262..de72682e1e4 100644
--- a/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss
+++ b/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss
@@ -60,7 +60,7 @@
   }
 
   .time-stop-outputs {
-    margin: 0 30px 27px 38px;
+    margin: 0 30px 28px 38px;
   }
 
   .driver-train-schedule {
@@ -73,10 +73,14 @@
   .simulation-sheet-container {
     display: flex;
     justify-content: space-between;
-    padding: 0 33.5px 75px 32.5px;
+    padding: 0 33.5px 75px 42.5px;
     button {
-      background-color: rgba(235, 235, 234, 0.4); // grey10 with 40% opacity
+      background-color: var(--black5);
       font-weight: 500;
+      font-size: 1rem;
+    }
+    svg {
+      color: var(--primary60);
     }
   }