Fix internal link styling in Security Settings

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>

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

@@ -55,3 +55,11 @@ limitations under the License.
 .mx_SecurityUserSettingsTab_ignoredUser .mx_AccessibleButton {
     margin-right: 10px;
 }
+
+.mx_SecurityUserSettingsTab {
+    .mx_SettingsTab_section {
+        .mx_AccessibleButton_kind_link {
+            padding: 0;
+        }
+    }
+}

src/components/views/settings/tabs/user/SecurityUserSettingsTab.js

@@ -90,7 +90,7 @@ export default class SecurityUserSettingsTab extends React.Component {
     };
 
     _onGoToUserProfileClick = () => {
-        // close the settings dialog & let the default action run (ie. navigate to the link)
+        window.location.href = "#/user/" + MatrixClientPeg.get().getUserId();
         this.props.closeSettingsFn();
     }
 
@@ -299,9 +299,9 @@ export default class SecurityUserSettingsTab extends React.Component {
                             "Manage the names of and sign out of your sessions below or " +
                             "<a>verify them in your User Profile</a>.", {},
                             {
-                                a: sub => <a href={"#/user/" + MatrixClientPeg.get().getUserId()}
-                                    onClick={this._onGoToUserProfileClick}
-                                >{sub}</a>,
+                                a: sub => <AccessibleButton kind="link" onClick={this._onGoToUserProfileClick}>
+                                    {sub}
+                                </AccessibleButton>,
                             },
                         )}
                     </span>