Fix access token copy button

Signed-off-by: Šimon Brandner <simon.bra.ag@gmail.com>

res/css/views/settings/tabs/user/_HelpUserSettingsTab.scss

@@ -28,7 +28,7 @@ limitations under the License.
     user-select: all;
 }
 
-.mx_HelpUserSettingsTab_accessToken {
+.mx_HelpUserSettingsTab_copy {
     display: flex;
     justify-content: space-between;
     border-radius: 5px;
@@ -36,20 +36,24 @@ limitations under the License.
     margin-bottom: 10px;
     margin-top: 10px;
     padding: 10px;
-}
 
-.mx_HelpUserSettingsTab_accessToken_copy {
-    flex-shrink: 0;
-    cursor: pointer;
-    margin-left: 20px;
-    display: inherit;
-}
+    .mx_HelpUserSettingsTab_copyButton {
+        flex-shrink: 0;
+        width: 20px;
+        height: 20px;
+        cursor: pointer;
+        margin-left: 20px;
+        display: block;
 
-.mx_HelpUserSettingsTab_accessToken_copy > div {
-    mask-image: url($copy-button-url);
-    background-color: $message-action-bar-fg-color;
-    margin-left: 5px;
-    width: 20px;
-    height: 20px;
-    background-repeat: no-repeat;
+        &::before {
+            content: "";
+
+            mask-image: url($copy-button-url);
+            background-color: $message-action-bar-fg-color;
+            width: 20px;
+            height: 20px;
+            display: block;
+            background-repeat: no-repeat;
+        }
+    }
 }

src/components/views/settings/tabs/user/HelpUserSettingsTab.tsx

@@ -300,12 +300,12 @@ export default class HelpUserSettingsTab extends React.Component<IProps, IState>
                             <summary>{_t("Access Token")}</summary><br />
                             <b>{_t("Your access token gives full access to your account."
                                + " Do not share it with anyone." )}</b>
-                            <div className="mx_HelpUserSettingsTab_accessToken">
+                            <div className="mx_HelpUserSettingsTab_copy">
                                 <code>{MatrixClientPeg.get().getAccessToken()}</code>
                                 <AccessibleTooltipButton
                                     title={_t("Copy")}
                                     onClick={this.onAccessTokenCopyClick}
-                                    className="mx_HelpUserSettingsTab_accessToken_copy"
+                                    className="mx_HelpUserSettingsTab_copyButton"
                                 />
                             </div>
                         </details><br />