front: align check icon with simulation name

Signed-off-by: nncluzu <[email protected]>
OpenRailAssociation · Nov 20, 2024 · fa93850 · fa93850
1 parent 8caaca4
commit fa93850
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/front/src/applications/stdcm/components/StdcmResults/StdcmSimulationNavigator.tsx b/front/src/applications/stdcm/components/StdcmResults/StdcmSimulationNavigator.tsx
@@ -94,9 +94,7 @@ const StdcmSimulationNavigator = ({
                         })}
                   </span>
                   {retainedSimulationIndex === index && (
-                    <span className="check-circle">
-                      <CheckCircle variant="fill" />
-                    </span>
+                    <CheckCircle className="check-circle" variant="fill" />
                   )}
                 </div>
                 <div className="simulation-metadata" key={id}>

diff --git a/front/src/styles/scss/applications/stdcm/_results.scss b/front/src/styles/scss/applications/stdcm/_results.scss
@@ -84,8 +84,10 @@
             white-space: nowrap;
 
             .check-circle {
+              display: flex;
+              align-items: center;
+              margin-left: 8px;
               color: rgb(60, 202, 128);
-              padding-left: 8px;
             }
           }