fix alignment issues on user tokens page (#276)

SonarSource · May 25, 2018 · 162162b · 162162b
1 parent 1993032
commit 162162b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
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
@@ -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
@@ -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;