SONARCLOUD-380 Rework modal styling of SC and SQ

* Update modal-fields
* Update form-fields styling
* Update modal-fields usage in extensions
* Clean css

1 files changed, 5 insertions, 9 deletions

diff --git a/server/sonar-web/src/main/js/apps/organizations/components/OrganizationEmpty.tsx b/server/sonar-web/src/main/js/apps/organizations/components/OrganizationEmpty.tsx
index 4310bb215a9..078ba67c231 100644
--- a/server/sonar-web/src/main/js/apps/organizations/components/OrganizationEmpty.tsx
+++ b/server/sonar-web/src/main/js/apps/organizations/components/OrganizationEmpty.tsx
@@ -50,19 +50,15 @@ export class OrganizationEmpty extends React.PureComponent<Props> {
     return (
       <div className="organization-empty">
         <h3 className="text-center">{translate('onboarding.create_organization.ready')}</h3>
-        <div className="onboarding-choices">
-          <Button className="onboarding-choice" onClick={this.handleNewProjectClick}>
+        <div className="display-flex-space-around huge-spacer-top">
+          <Button className="button-huge" onClick={this.handleNewProjectClick}>
             <OnboardingProjectIcon className="big-spacer-bottom" />
-            <h6 className="onboarding-choice-name">
-              {translate('provisioning.analyze_new_project')}
-            </h6>
+            <p className="medium spacer-top">{translate('provisioning.analyze_new_project')}</p>
           </Button>
           {!memberSyncActivated && (
-            <Button className="onboarding-choice" onClick={this.handleAddMembersClick}>
+            <Button className="button-huge" onClick={this.handleAddMembersClick}>
               <OnboardingAddMembersIcon />
-              <h6 className="onboarding-choice-name">
-                {translate('organization.members.add.multiple')}
-              </h6>
+              <p className="medium spacer-top">{translate('organization.members.add.multiple')}</p>
             </Button>
           )}
         </div>