From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Fri, 25 May 2018 09:10:22 +0000 (+0200)
Subject: fix alignment issues on user tokens page (#276)
X-Git-Tag: 7.5~1137
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=162162b78ff03b083c60e1b7e16cc5eaa4474385;p=sonarqube.git

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 98d6c1e234e..2584dabff52 100644
--- 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 81344085756..cc24ba79baf 100644
--- 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;