front: fix text input alignment

Author: Akctarus

front/src/applications/operationalStudies/components/ManageTrainSchedule/Allowances/AllowancesActions.tsx

@@ -210,6 +210,7 @@ export default function AllowancesActions({
             unit="m"
             sm
             noMargin
+            textRight
             min={0}
             isInvalid={beginPosition >= endPosition || (!beginPosition && beginPosition !== 0)}
             value={beginPosition}
@@ -242,6 +243,7 @@ export default function AllowancesActions({
             unit="m"
             sm
             noMargin
+            textRight
             min={0}
             isInvalid={
               beginPosition >= endPosition ||
@@ -278,6 +280,7 @@ export default function AllowancesActions({
             unit="m"
             sm
             noMargin
+            textRight
             min={1}
             isInvalid={allowanceLength < 1}
             value={allowanceLength}
@@ -310,6 +313,7 @@ export default function AllowancesActions({
             type={valueAndUnit?.value_type || defaultType()}
             min={0}
             isInvalid={!(getAllowanceValue(valueAndUnit) > 0)}
+            textRight
           />
         </div>
         {allowanceSelectedIndex !== undefined ? (

front/src/applications/operationalStudies/components/ManageTrainSchedule/Allowances/AllowancesStandardSettings.tsx

@@ -74,6 +74,7 @@ export default function AllowancesStandardSettings({
             typeValue="number"
             min={0}
             isInvalid={getAllowanceValue(valueAndUnit) < 0}
+            textRight
           />
         </div>
       </div>

front/src/applications/operationalStudies/components/ManageTrainSchedule/Itinerary/DisplayVias.tsx

@@ -47,6 +47,7 @@ function InputStopTime({ index, setIndexSelected, dispatchAndRun }: InputStopTim
       selectAllOnFocus
       sm
       noMargin
+      textRight
     />
   );
 }

front/src/applications/operationalStudies/components/ManageTrainSchedule/TrainAddingSettings.tsx

@@ -90,6 +90,7 @@ export default function TrainAddingSettings() {
           errorMsg={trainDelta < 1 ? t('errorMessages.noDeltaInput') : undefined}
           min={1}
           sm
+          textRight
         />
       </span>
     </div>

front/src/applications/operationalStudies/components/ManageTrainSchedule/TrainSettings.tsx

@@ -110,6 +110,7 @@ export default function TrainSettings() {
           value={initialSpeed}
           noMargin
           unit="km/h"
+          textRight
         />
       </div>
       <div className="col-xl-6 col-lg-12 mt-xl-0 mt-lg-3">

front/src/applications/operationalStudies/components/Study/AddOrEditStudyModal.tsx

@@ -361,6 +361,7 @@ export default function AddOrEditStudyModal({ editionMode, study }: Props) {
               }
               value={currentStudy?.budget || 0}
               onChange={(e) => setCurrentStudy({ ...currentStudy, budget: +e.target.value })}
+              textRight
             />
           </div>
         </div>

front/src/common/BootstrapSNCF/InputGroupSNCF.tsx

@@ -50,7 +50,7 @@ export default function InputGroupSNCF({
   min,
   max,
   step,
-  textRight = true,
+  textRight = false,
 }: Props) {
   const [isDropdownShown, setIsDropdownShown] = useState(false);
   const [selected, setSelected] = useState(
@@ -61,7 +61,6 @@ export default function InputGroupSNCF({
       : { id: options[0].id, label: options[0].label, unit: options[0].unit }
   );
   const textAlignmentClass = textRight ? 'right-alignment' : 'left-alignment';
-
   useEffect(() => {
     const selectedOption = options?.find((option) => option.id === type);
 

front/src/common/BootstrapSNCF/InputSNCF.tsx

@@ -72,7 +72,7 @@ const InputSNCF = ({
   step = 1,
   isFlex = false,
   condensed = false,
-  textRight = true,
+  textRight = false,
 }: InputSNCFProps): JSX.Element => {
   // Build custom classes
   const formSize = sm ? 'form-control-sm' : '';
@@ -83,7 +83,6 @@ const InputSNCF = ({
   const condensedIcon = condensed ? 'condensed-icon' : '';
   const condensedInput = condensed ? 'px-2' : '';
   const textAlignmentClass = textRight ? 'right-alignment' : 'left-alignment';
-
   // Test and adapt display if entry is invalid
   let invalidClass = '';
   let invalidMsg: JSX.Element | null = null;

front/src/common/IntervalsEditor/IntervalsEditorMarginForm.tsx

@@ -40,6 +40,7 @@ const IntervalsEditorMarginForm = ({
         value={(interval.value as number) || 0}
         noMargin
         sm
+        textRight
       />
     </div>
 

front/src/modules/allowances/components/STDCMAllowances.tsx

@@ -56,12 +56,11 @@ const STDCMAllowances = () => {
           type="number"
           value={gridMarginBefore}
           unit={ALLOWANCE_UNITS_KEYS.time}
-          condensed
           onChange={(e) => dispatch(updateGridMarginBefore(+e.target.value || 0))}
           sm
           noMargin
           label={t('allowances:gridMarginBeforeAfter')}
-          textRight={false}
+          textRight
         />
       </div>
       <div className="col-3">
@@ -70,12 +69,11 @@ const STDCMAllowances = () => {
           type="number"
           value={gridMarginAfter}
           unit={ALLOWANCE_UNITS_KEYS.time}
-          condensed
           onChange={(e) => dispatch(updateGridMarginAfter(+e.target.value || 0))}
           sm
           noMargin
           label=" "
-          textRight={false}
+          textRight
         />
       </div>
       <div className="col-6">
@@ -90,7 +88,7 @@ const STDCMAllowances = () => {
           typeValue="number"
           condensed
           sm
-          textRight={false}
+          textRight
         />
       </div>
     </div>

front/src/modules/project/components/AddOrEditProjectModal.tsx

@@ -319,6 +319,7 @@ export default function AddOrEditProjectModal({
               }
               value={currentProject.budget}
               onChange={(e) => setCurrentProject({ ...currentProject, budget: +e.target.value })}
+              textRight
             />
           </div>
         </div>

front/src/modules/rollingStock/components/rollingStockEditor/RollingStockEditorFormHelpers.tsx

@@ -174,6 +174,7 @@ const RollingStockEditorParameterFormColumn = ({
               sm
               condensed
               orientation="right"
+              textRight
             />
           </div>
         ) : (
@@ -211,6 +212,7 @@ const RollingStockEditorParameterFormColumn = ({
             sm
             isFlex
             key={index}
+            {...(property.type === 'number' ? { textRight: true } : {})}
           />
         );
       })}{' '}