SONAR-13628 UI fixes

2 files changed, 14 insertions, 8 deletions

diff --git a/server/sonar-web/src/main/js/apps/create/project/PersonalAccessTokenForm.tsx b/server/sonar-web/src/main/js/apps/create/project/PersonalAccessTokenForm.tsx
index 2a0342a5d33..0329de3f987 100644
--- a/server/sonar-web/src/main/js/apps/create/project/PersonalAccessTokenForm.tsx
+++ b/server/sonar-web/src/main/js/apps/create/project/PersonalAccessTokenForm.tsx
@@ -63,6 +63,7 @@ export default function PersonalAccessTokenForm(props: PersonalAccessTokenFormPr
   return (
     <div className="display-flex-start">
       <form
+        className="width-50"
         onSubmit={(e: React.SyntheticEvent<HTMLFormElement>) => {
           e.preventDefault();
           const value = new FormData(e.currentTarget).get('personal_access_token') as string;
@@ -74,7 +75,7 @@ export default function PersonalAccessTokenForm(props: PersonalAccessTokenFormPr
         </p>
 
         <ValidationInput
-          error={isInvalid ? translate('onboarding.create_project.pat_incorrect') : undefined}
+          error={isInvalid ? translate('onboarding.create_project.pat_incorrect', alm) : undefined}
           id="personal_access_token"
           isInvalid={isInvalid}
           isValid={false}
@@ -101,7 +102,7 @@ export default function PersonalAccessTokenForm(props: PersonalAccessTokenFormPr
         <DeferredSpinner className="spacer-left" loading={submitting} />
       </form>
 
-      <Alert className="big-spacer-left big-spacer-top" display="block" variant="info">
+      <Alert className="big-spacer-left huge-spacer-top width-50" display="block" variant="info">
         <h3>{translate('onboarding.create_project.pat_help.title')}</h3>
 
         <p className="big-spacer-top big-spacer-bottom">
diff --git a/server/sonar-web/src/main/js/apps/create/project/__tests__/__snapshots__/PersonalAccessTokenForm-test.tsx.snap b/server/sonar-web/src/main/js/apps/create/project/__tests__/__snapshots__/PersonalAccessTokenForm-test.tsx.snap
index c735dca4150..7f7cb95101e 100644
--- a/server/sonar-web/src/main/js/apps/create/project/__tests__/__snapshots__/PersonalAccessTokenForm-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/create/project/__tests__/__snapshots__/PersonalAccessTokenForm-test.tsx.snap
@@ -5,6 +5,7 @@ exports[`should render correctly: bitbucket 1`] = `
   className="display-flex-start"
 >
   <form
+    className="width-50"
     onSubmit={[Function]}
   >
     <h2
@@ -46,7 +47,7 @@ exports[`should render correctly: bitbucket 1`] = `
     />
   </form>
   <Alert
-    className="big-spacer-left big-spacer-top"
+    className="big-spacer-left huge-spacer-top width-50"
     display="block"
     variant="info"
   >
@@ -125,6 +126,7 @@ exports[`should render correctly: gitlab 1`] = `
   className="display-flex-start"
 >
   <form
+    className="width-50"
     onSubmit={[Function]}
   >
     <h2
@@ -166,7 +168,7 @@ exports[`should render correctly: gitlab 1`] = `
     />
   </form>
   <Alert
-    className="big-spacer-left big-spacer-top"
+    className="big-spacer-left huge-spacer-top width-50"
     display="block"
     variant="info"
   >
@@ -226,6 +228,7 @@ exports[`should render correctly: gitlab with non-standard api path 1`] = `
   className="display-flex-start"
 >
   <form
+    className="width-50"
     onSubmit={[Function]}
   >
     <h2
@@ -267,7 +270,7 @@ exports[`should render correctly: gitlab with non-standard api path 1`] = `
     />
   </form>
   <Alert
-    className="big-spacer-left big-spacer-top"
+    className="big-spacer-left huge-spacer-top width-50"
     display="block"
     variant="info"
   >
@@ -327,6 +330,7 @@ exports[`should render correctly: submitting 1`] = `
   className="display-flex-start"
 >
   <form
+    className="width-50"
     onSubmit={[Function]}
   >
     <h2
@@ -368,7 +372,7 @@ exports[`should render correctly: submitting 1`] = `
     />
   </form>
   <Alert
-    className="big-spacer-left big-spacer-top"
+    className="big-spacer-left huge-spacer-top width-50"
     display="block"
     variant="info"
   >
@@ -447,6 +451,7 @@ exports[`should render correctly: validation failed 1`] = `
   className="display-flex-start"
 >
   <form
+    className="width-50"
     onSubmit={[Function]}
   >
     <h2
@@ -460,7 +465,7 @@ exports[`should render correctly: validation failed 1`] = `
       onboarding.create_project.pat_form.help.bitbucket
     </p>
     <ValidationInput
-      error="onboarding.create_project.pat_incorrect"
+      error="onboarding.create_project.pat_incorrect.bitbucket"
       id="personal_access_token"
       isInvalid={true}
       isValid={false}
@@ -489,7 +494,7 @@ exports[`should render correctly: validation failed 1`] = `
     />
   </form>
   <Alert
-    className="big-spacer-left big-spacer-top"
+    className="big-spacer-left huge-spacer-top width-50"
     display="block"
     variant="info"
   >