From d9719ec9a41d3270e65d58f9f80b458cbdfd2363 Mon Sep 17 00:00:00 2001
From: Maksim Sukharev <antreesy.web@gmail.com>
Date: Fri, 26 Jul 2024 10:41:19 +0200
Subject: [PATCH] style(settings): align icons at legacy help navigation

Signed-off-by: Maksim Sukharev <antreesy.web@gmail.com>
---
 apps/settings/css/help.css       | 10 +++++++++-
 apps/settings/templates/help.php |  8 ++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/apps/settings/css/help.css b/apps/settings/css/help.css
index 6023a979bdf99..cf23ac76d11f9 100644
--- a/apps/settings/css/help.css
+++ b/apps/settings/css/help.css
@@ -2,8 +2,16 @@
 	overflow: hidden !important;
 }
 
+.help-list__link {
+	display: flex;
+	align-items: center;
+	height: var(--default-clickable-area);
+	margin: 0 8px;
+	background-position: left center;
+}
+
 .help-list__text {
-	margin-left: 24px;
+	margin-left: 20px;
 }
 
 .help-iframe {
diff --git a/apps/settings/templates/help.php b/apps/settings/templates/help.php
index 649178c15d190..c370f20c34c0b 100644
--- a/apps/settings/templates/help.php
+++ b/apps/settings/templates/help.php
@@ -5,7 +5,7 @@
 	<div id="app-navigation" role="navigation" tabindex="0">
 		<ul>
 			<li>
-				<a class="icon-user <?php if ($_['mode'] === 'user') {
+				<a class="help-list__link icon-user <?php if ($_['mode'] === 'user') {
 					p('active');
 				} ?>" <?php if ($_['mode'] === 'user') {
 					print_unescaped('aria-current="page"');
@@ -18,7 +18,7 @@
 			</li>
 		<?php if ($_['admin']) { ?>
 			<li>
-				<a class="icon-user-admin <?php if ($_['mode'] === 'admin') {
+				<a class="help-list__link icon-user-admin <?php if ($_['mode'] === 'admin') {
 					p('active');
 				} ?>" <?php if ($_['mode'] === 'admin') {
 					print_unescaped('aria-current="page"');
@@ -32,14 +32,14 @@
 		<?php } ?>
 
 			<li>
-				<a href="https://docs.nextcloud.com" class="icon-category-office" target="_blank" rel="noreferrer noopener">
+				<a href="https://docs.nextcloud.com" class="help-list__link icon-category-office" target="_blank" rel="noreferrer noopener">
 					<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">
+				<a href="https://help.nextcloud.com" class="help-list__link icon-comment" target="_blank" rel="noreferrer noopener">
 					<span class="help-list__text">
 						<?php p($l->t('Forum')); ?> ↗
 					</span>