From 162162b78ff03b083c60e1b7e16cc5eaa4474385 Mon Sep 17 00:00:00 2001
From: Stas Vilchik <stas.vilchik@sonarsource.com>
Date: Fri, 25 May 2018 11:10:22 +0200
Subject: [PATCH] fix alignment issues on user tokens page (#276)

---
 .../src/main/js/apps/users/components/TokensForm.tsx        | 6 +++++-
 server/sonar-web/src/main/js/components/ui/buttons.css      | 2 +-
 2 files changed, 6 insertions(+), 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
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;
-- 
2.39.5