fix alignment issues on user tokens page (#276)

diff --git a/server/sonar-web/src/main/js/apps/users/components/TokensForm.tsx b/server/sonar-web/src/main/js/apps/users/components/TokensForm.tsx
index 98d6c1e234ea537f8ec6544cef328d116803e06f..2584dabff52109663512acd123eeb52e6d41e310 100644 (file)
--- a/server/sonar-web/src/main/js/apps/users/components/TokensForm.tsx
+++ b/server/sonar-web/src/main/js/apps/users/components/TokensForm.tsx
@@ -148,7 +148,11 @@ export default class TokensForm extends React.PureComponent<Props, State> {
     return (
       <>
         <h3 className="spacer-bottom">{translate('users.generate_tokens')}</h3>
-        <form autoComplete="off" id="generate-token-form" onSubmit={this.handleGenerateToken}>
+        <form
+          autoComplete="off"
+          className="display-flex-center"
+          id="generate-token-form"
+          onSubmit={this.handleGenerateToken}>
           <input
             className="spacer-right"
             maxLength={100}

diff --git a/server/sonar-web/src/main/js/components/ui/buttons.css b/server/sonar-web/src/main/js/components/ui/buttons.css
index 81344085756e34140828218d82ca75f36a8e33ca..cc24ba79bafee8516cfa0d010ec9d9009e87c367 100644 (file)
--- a/server/sonar-web/src/main/js/components/ui/buttons.css
+++ b/server/sonar-web/src/main/js/components/ui/buttons.css
@@ -20,6 +20,7 @@
 .button {
   display: inline-flex;
   align-items: center;
+  justify-content: center;
   vertical-align: middle;
   height: var(--controlHeight);
   line-height: calc(var(--controlHeight) - 2px);
@@ -31,7 +32,6 @@
   color: var(--darkBlue);
   font-weight: 600;
   font-size: var(--smallFontSize);
-  text-align: center;
   text-decoration: none;
   cursor: pointer;
   outline: none;