From 0dc4ed1f62b77d7e452f3cefe0fbcdc7df1e37a5 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 16374d99a6cde..56262551bbe70 100644
--- a/apps/settings/css/help.css
+++ b/apps/settings/css/help.css
@@ -7,8 +7,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 77a7b5118e522..1488399679122 100644
--- a/apps/settings/templates/help.php
+++ b/apps/settings/templates/help.php
@@ -9,7 +9,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"');
@@ -22,7 +22,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"');
@@ -36,14 +36,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>