front: small improvements on scenario page

Signed-off-by: Clara Ni <clara.ni@outlook.fr>
OpenRailAssociation · Oct 28, 2024 · 346fabe · 346fabe
1 parent 4bdfb7d
commit 346fabe
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 4 deletions.
diff --git a/front/src/applications/operationalStudies/views/SimulationResults.tsx b/front/src/applications/operationalStudies/views/SimulationResults.tsx
@@ -169,7 +169,7 @@ const SimulationResults = ({
 
       {/* TRAIN : SPACE SPEED CHART */}
       {selectedTrainRollingStock && trainSimulation && pathProperties && selectedTrainSchedule && (
-        <div className="osrd-simulation-container d-flex mb-2 speedspacechart-container">
+        <div className="osrd-simulation-container speedspacechart-container">
           <div
             className="chart-container"
             style={{
@@ -211,7 +211,7 @@ const SimulationResults = ({
         pathProperties &&
         operationalPoints &&
         infraId && (
-          <div className="osrd-simulation-container mb-2">
+          <div className="time-stop-outputs">
             <TimesStopsOutput
               simulatedTrain={trainSimulation}
               pathProperties={pathProperties}
@@ -230,7 +230,7 @@ const SimulationResults = ({
         selectedTrainRollingStock &&
         operationalPoints &&
         infraId && (
-          <div className="osrd-simulation-container mb-2 bg-white">
+          <div className="driver-train-schedule">
             <DriverTrainSchedule
               train={selectedTrainSchedule}
               simulatedTrain={trainSimulation}

diff --git a/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss b/front/src/styles/scss/applications/operationalStudies/_simulationresults.scss
@@ -7,7 +7,7 @@
     border-radius: 4px;
     width: 100%;
     background: var(--secondary);
-    z-index: 2;
+    z-index: 10;
     top: 0;
     left: 0;
     padding: 0.5rem;
@@ -58,6 +58,17 @@
       0 2px 4px rgba(0, 0, 0, 0.22);
   }
 
+  .time-stop-outputs {
+    margin: 0 30px 27px 38px;
+  }
+
+  .driver-train-schedule {
+    background-color: white;
+    padding: 1rem;
+    border-radius: 4px;
+    margin-inline: 38px 30px;
+  }
+
   /* MAP */
   .train-speed-label {
     text-shadow: 0 0 3px #fff;