front: stdcm: align text of input to the left to prevent them being c…

…overed by the unit
OpenRailAssociation · Sep 4, 2023 · 8b6c30d · 8b6c30d
1 parent 4570fd6
commit 8b6c30d
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/front/src/applications/stdcm/components/STDCMAllowances.tsx b/front/src/applications/stdcm/components/STDCMAllowances.tsx
@@ -53,27 +53,29 @@ const STDCMAllowances = () => {
       <div className="col-3">
         <InputSNCF
           id="standardAllowanceTypeGridMarginBefore"
-          type="text"
+          type="number"
           value={gridMarginBefore}
           unit={ALLOWANCE_UNITS_KEYS.time}
           condensed
           onChange={(e) => dispatch(updateGridMarginBefore(+e.target.value || 0))}
           sm
           noMargin
           label={t('allowances:gridMarginBeforeAfter')}
+          textAlignment="left"
         />
       </div>
       <div className="col-3">
         <InputSNCF
           id="standardAllowanceTypeGridMarginAfter"
-          type="text"
+          type="number"
           value={gridMarginAfter}
           unit={ALLOWANCE_UNITS_KEYS.time}
           condensed
           onChange={(e) => dispatch(updateGridMarginAfter(+e.target.value || 0))}
           sm
           noMargin
           label=" "
+          textAlignment="left"
         />
       </div>
       <div className="col-6">
@@ -88,6 +90,7 @@ const STDCMAllowances = () => {
           typeValue="number"
           condensed
           sm
+          textAlignment="left"
         />
       </div>
     </div>