pending ui issues fix in forms (#1837)

AOT-Technologies · Jan 15, 2024 · 441737d · 441737d
1 parent 9762d6a
commit 441737d
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/forms-flow-web/src/components/Form/Create.js b/forms-flow-web/src/components/Form/Create.js
@@ -375,7 +375,7 @@ const Create = React.memo(() => {
                           <div className="input-group">
                             <select
                               data-testid="create-form-choose-type"
-                              className="form-control"
+                              className="form-select"
                               name="form-type"
                               id="form-type"
                               value={form.type}

diff --git a/forms-flow-web/src/components/Form/Item/Edit.js b/forms-flow-web/src/components/Form/Item/Edit.js
@@ -732,7 +732,7 @@ const Edit = React.memo(() => {
                             <div className="input-group">
                               <select
                                 data-testid="form-edit-form-type"
-                                className="form-control"
+                                className="form-select"
                                 name="form-type"
                                 id="form-type"
                                 value={form.type}

diff --git a/forms-flow-web/src/components/Form/Steps/SaveNext.js b/forms-flow-web/src/components/Form/Steps/SaveNext.js
@@ -54,14 +54,15 @@ const SaveNext = React.memo(
           {isLastStep ? t("Save") : t("Next")}
         </Buttons>
         <Modal show={show} onHide={handleClose}>
-          <Modal.Header closeButton>
+          <Modal.Header>
             <Modal.Title>{t("Confirmation")}</Modal.Title>
+            <button type="button" className="btn-close" aria-label="Close" onClick={handleClose}></button>
           </Modal.Header>
           <Modal.Body>
             {t(
               "Changing the form workflow will not affect the existing submissions. " +
-                "It will only update in the newly created submissions. " +
-                "Press Save Changes to continue or cancel the changes."
+              "It will only update in the newly created submissions. " +
+              "Press Save Changes to continue or cancel the changes."
             )}
           </Modal.Body>
           <Modal.Footer>