[#MUI12] Correction composant Nombre et Taux horaire (#12)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [x] Pas de régression
- [x] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [x] CHANGELOG modifié

Reviewed-on: #12
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/InputNumber.vue

@@ -58,7 +58,7 @@
           : hasSuccess
             ? 'text-m-success'
             : 'text-m-muted',
-        'mt-1 text-xs ml-[2px] ',
+        'text-xs ml-[2px] ',
       ]"
   >
     {{ hint || error || success }}
@@ -159,7 +159,6 @@ const inputWidthStyle = computed(() => ({
   maxWidth: '100%',
 }))
 
-
 const isMinusDisabled = computed(() =>
   props.disabled || currentNumericValue.value <= minValue.value,
 )
@@ -168,15 +167,17 @@ const isPlusDisabled = computed(() =>
   props.disabled || currentNumericValue.value >= maxValue.value,
 
 )
+
 const mergedGroupClass = computed(() =>
   twMerge(
     'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )
+
 const mergedInputClass = computed(() =>
   twMerge(
-    ' peer h-[20px] min-w-0 border bg-white text-center outline-none placeholder:text-transparent text-lg border-x-0 border-black',
+    ' peer h-[22px] min-w-0 border bg-white text-center outline-none placeholder:text-transparent text-lg border-x-0 border-black',
     props.disabled ? 'cursor-not-allowed text-black/60' : 'cursor-text',
     hasError.value
       ? 'border-m-error focus:border-m-error [&:not(:placeholder-shown)]:border-m-error'
@@ -186,9 +187,10 @@ const mergedInputClass = computed(() =>
     props.inputClass,
   ),
 )
+
 const mergedLabelClass = computed(() =>
   twMerge(
-    'radio-text mt-px cursor-pointer text-black mr-3',
+    'cursor-pointer text-black mr-4 text-[18px]',
     hasError.value ? 'text-m-error' : '',
     hasSuccess.value ? 'text-m-success' : '',
     props.disabled ? 'cursor-not-allowed text-black/60' : '',
@@ -198,7 +200,7 @@ const mergedLabelClass = computed(() =>
 
 const mergedButtonMinusClass = computed(() =>
   twMerge(
-    'h-[20px] w-[30px] border border-black rounded-s-[3px]',
+    'h-[22px] w-[40px] border border-black rounded-s-[3px]',
     isMinusDisabled.value ? 'cursor-not-allowed text-black/60' : 'cursor-pointer',
     hasError.value
       ? 'border-m-error'
@@ -207,9 +209,10 @@ const mergedButtonMinusClass = computed(() =>
         : '',
   ),
 )
+
 const mergedButtonPlusClass = computed(() =>
   twMerge(
-    'h-[20px] w-[30px] border border-black rounded-e-[3px]',
+    'h-[22px] w-[40px] border border-black rounded-e-[3px]',
     isPlusDisabled.value ? 'cursor-not-allowed text-black/60' : 'cursor-pointer',
     hasError.value
       ? 'border-m-error'