From a736f0efed8b33cb2421cdb65eb76d12f5c4aa6b Mon Sep 17 00:00:00 2001
From: Banobe Pascal <banobe.pascal@collabora.com>
Date: Mon, 20 Jan 2025 18:06:38 +0300
Subject: [PATCH] Correct text and icon alignments in server audit dialog

Signed-off-by: Banobe Pascal <banobe.pascal@collabora.com>
Change-Id: I259fce2ae96efc2fd83637317187fe4e07db67b4
---
 browser/css/jsdialogs.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/browser/css/jsdialogs.css b/browser/css/jsdialogs.css
index d611ecb1c0cb9..0dbd63bbd0662 100644
--- a/browser/css/jsdialogs.css
+++ b/browser/css/jsdialogs.css
@@ -541,6 +541,10 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 	white-space: nowrap;
 }
 
+#ServerAuditDialog .ui-treeview-entry {
+	display: flex;
+}
+
 .ui-treeview-expanded-content {
 	display: grid;
 }
@@ -568,6 +572,24 @@ td.jsdialog > [id^='table-box']:not(.sidebar) {
 	/* grid-column: '1 / ' + (this._columns + 1) - set inside JS */
 }
 
+#ServerAuditDialog .ui-treeview-headers {
+	display: flex;
+}
+
+#ServerAuditDialog .ui-treeview-icon {
+	margin-inline-end: 5px;
+}
+
+#ServerAuditDialog .ui-treeview-headers div.ui-treeview-icon-column {
+	margin-inline-end: 4px;
+	width: 0px /* prevent display of ui-treeview-icon-column in ui-treeview-header */
+}
+
+#ServerAuditDialog .ui-treeview-headers > div:nth-child(2) {
+	width: calc(100% - 95px);
+}
+
+
 .ui-treeview-header {
 	display: inline-block;
 	width: 100%;