fix overlapping in the help settings section

Signed-off-by: szaimen <szaimen@e.mail.de>

apps/settings/css/help.css

@@ -2,6 +2,10 @@
 	overflow: hidden !important;
 }
 
+.help-list__text {
+	margin-left: 24px;
+}
+
 .help-iframe {
 	width: 100%;
 	height: 100%;

apps/settings/templates/help.php

@@ -8,7 +8,9 @@
 	p('active');
 } ?>"
 				href="<?php print_unescaped($_['urlUserDocs']); ?>">
-				<?php p($l->t('User documentation')); ?>
+				<span class="help-list__text">
+					<?php p($l->t('User documentation')); ?>
+				</span>
 			</a>
 		</li>
 	<?php if ($_['admin']) { ?>
@@ -17,19 +19,25 @@
 	p('active');
 } ?>"
 				href="<?php print_unescaped($_['urlAdminDocs']); ?>">
-				<?php p($l->t('Administrator documentation')); ?>
+				<span class="help-list__text">
+					<?php p($l->t('Administrator documentation')); ?>
+				</span>
 			</a>
 		</li>
 	<?php } ?>
 
 		<li>
 			<a href="https://docs.nextcloud.com" class="icon-category-office" target="_blank" rel="noreferrer noopener">
-				<?php p($l->t('Documentation')); ?> ↗
+				<span class="help-list__text">
+					<?php p($l->t('Documentation')); ?> ↗
+				</span>
 			</a>
 		</li>
 		<li>
 			<a href="https://help.nextcloud.com" class="icon-comment" target="_blank" rel="noreferrer noopener">
-				<?php p($l->t('Forum')); ?> ↗
+				<span class="help-list__text">
+					<?php p($l->t('Forum')); ?> ↗
+				</span>
 			</a>
 		</li>
 </div>