From b8d5a30caff5338b9e54fa53563646a426754fde Mon Sep 17 00:00:00 2001
From: Carlos Valente <carlosvalente@pm.me>
Date: Fri, 24 May 2024 09:15:53 +0200
Subject: [PATCH] style: input text alignment

---
 .../src/common/components/input/time-input/TimeInput.tsx     | 5 +++--
 .../input/time-input/TimeInputWithButton.module.scss         | 4 ----
 .../components/input/time-input/TimeInputWithButton.tsx      | 2 +-
 3 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/apps/client/src/common/components/input/time-input/TimeInput.tsx b/apps/client/src/common/components/input/time-input/TimeInput.tsx
index 6c4ed8714..f2a912670 100644
--- a/apps/client/src/common/components/input/time-input/TimeInput.tsx
+++ b/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}
     />
   );
 }
diff --git a/apps/client/src/common/components/input/time-input/TimeInputWithButton.module.scss b/apps/client/src/common/components/input/time-input/TimeInputWithButton.module.scss
index 0d1c71d1a..bd0621373 100644
--- a/apps/client/src/common/components/input/time-input/TimeInputWithButton.module.scss
+++ b/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;
-}
diff --git a/apps/client/src/common/components/input/time-input/TimeInputWithButton.tsx b/apps/client/src/common/components/input/time-input/TimeInputWithButton.tsx
index 7a0b817b2..e491a6ee3 100644
--- a/apps/client/src/common/components/input/time-input/TimeInputWithButton.tsx
+++ b/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}