front: inputgroupsncf: fix overflow

- add right 0 in scss file

Author: Uriel-Sautron

front/src/common/BootstrapSNCF/InputGroupSNCF.scss

@@ -1,14 +1,14 @@
 .input-group-sm {
   button {
     height: 1.875rem;
-    font-size: .875rem;
-    padding: .125rem 1.5rem;
+    font-size: 0.875rem;
+    padding: 0.125rem 1.5rem;
   }
   .form-control-container {
     height: 1.875rem;
     input.form-control {
       min-height: auto;
-      font-size: .875rem;
+      font-size: 0.875rem;
     }
   }
 }
@@ -21,3 +21,7 @@
 .dropdown-item {
   cursor: pointer;
 }
+
+.osrd-dropdown-sncf {
+  right: 0 !important;
+}

front/src/common/BootstrapSNCF/InputGroupSNCF.tsx

@@ -179,30 +179,32 @@ export default function InputGroupSNCF({
               // eslint-disable-next-line react/no-unknown-property
               x-placement="bottom-end"
             >
-              {options.map((option) => (
-                <React.Fragment key={nextId()}>
-                  <label className="dropdown-item" htmlFor={option.id}>
-                    <div
-                      onClick={() => {
-                        setSelected(option);
-                        handleType({ type: option.id, value: 0 });
-                        setIsDropdownShown(false);
-                      }}
-                      role="button"
-                      tabIndex={0}
-                    >
-                      {option.label}
-                    </div>
-                  </label>
-                  <input
-                    type="radio"
-                    name={id}
-                    value={option.id}
-                    id={option.id}
-                    className="sr-only"
-                  />
-                </React.Fragment>
-              ))}
+              <ul>
+                {options.map((option) => (
+                  <li key={nextId()}>
+                    <label htmlFor={option.id} className="dropdown-item">
+                      <div
+                        onClick={() => {
+                          setSelected(option);
+                          handleType({ type: option.id, value: 0 });
+                          setIsDropdownShown(false);
+                        }}
+                        role="button"
+                        tabIndex={0}
+                      >
+                        {option.label}
+                      </div>
+                    </label>
+                    <input
+                      type="radio"
+                      name={id}
+                      value={option.id}
+                      id={option.id}
+                      className="sr-only"
+                    />
+                  </li>
+                ))}
+              </ul>
             </div>
           </div>
         </div>