style: input text alignment

apps/client/src/common/components/input/time-input/TimeInput.tsx

@@ -11,11 +11,12 @@ interface TimeInputProps<T extends string> {
   time?: number;
   placeholder: string;
   disabled?: boolean;
+  align?: 'left' | 'center';
   className?: string;
 }
 
 export default function TimeInput<T extends string>(props: TimeInputProps<T>) {
-  const { name, submitHandler, time = 0, placeholder, disabled, className } = props;
+  const { name, submitHandler, time = 0, placeholder, disabled, align = 'center', className } = props;
   const { emitError } = useEmitLog();
   const inputRef = useRef<HTMLInputElement | null>(null);
   const [value, setValue] = useState<string>('');
@@ -135,7 +136,7 @@ export default function TimeInput<T extends string>(props: TimeInputProps<T>) {
       maxWidth='7.5em'
       letterSpacing='1px'
       autoComplete='off'
-      textAlign='center'
+      textAlign={align}
     />
   );
 }

apps/client/src/common/components/input/time-input/TimeInputWithButton.module.scss

@@ -6,7 +6,3 @@ $input-delayed-border-color: $ontime-delay-text;
     border: 1px solid $input-delayed-border-color;
   }
 }
-
-.inputField {
-  text-align: left;
-}

apps/client/src/common/components/input/time-input/TimeInputWithButton.tsx

@@ -28,7 +28,7 @@ export default function TimeInputWithButton<T extends string>(props: PropsWithCh
         submitHandler={submitHandler}
         time={time}
         placeholder={placeholder}
-        className={style.inputField}
+        align='left'
         disabled={disabled}
       />
       {children}