Add documentation link and settings-hint to 2FA settings

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>

settings/css/settings.scss

@@ -1239,9 +1239,13 @@ table.grid td.date {
 .icon-info {
 	padding: 11px 20px;
 	vertical-align: super;
+	opacity: .5;
 }
 
-#shareAPI h2, #encryptionAPI h2, #mail_general_settings h2 {
+#two-factor-auth h2,
+#shareAPI h2,
+#encryptionAPI h2,
+#mail_general_settings h2 {
 	display: inline-block;
 }
 

settings/templates/settings/personal/security.php

@@ -65,6 +65,10 @@ if($_['passwordChangeSupported']) {
 
 <div id="two-factor-auth" class="section">
 	<h2><?php p($l->t('Two-Factor Authentication'));?></h2>
+	<a target="_blank" rel="noreferrer noopener" class="icon-info"
+	   title="<?php p($l->t('Open documentation'));?>"
+	   href="<?php p(link_to_docs('user-2fa')); ?>"></a>
+	<p class="settings-hint"><?php p($l->t('Use a second factor besides your password to increase security for your account.'));?></p>
 	<ul>
 	<?php foreach ($_['twoFactorProviderData']['providers'] as $data) { ?>
 		<li>