Correct text and icon alignments in server audit dialog

Signed-off-by: Banobe Pascal <[email protected]> Change-Id: Id4b45e9097b8ba77df5280bedf1635693fce72fc
CollaboraOnline · Jan 13, 2025 · 25ff897 · 25ff897
1 parent 0fff143
commit 25ff897
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 7 deletions.
diff --git 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,19 @@ 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-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% - 90px);
+}
+
 .ui-treeview-header {
 	display: inline-block;
 	width: 100%;

diff --git a/browser/src/control/Control.ServerAuditDialog.ts b/browser/src/control/Control.ServerAuditDialog.ts
@@ -198,13 +198,6 @@ class ServerAuditDialog {
 					type: 'container',
 					vertical: true,
 					children: [
-						!hasErrors
-							? {
-									id: 'auditsuccess',
-									type: 'fixedtext',
-									text: _('No issues found'),
-								}
-							: {},
 						{
 							id: 'auditlist',
 							type: 'treelistbox',
@@ -215,6 +208,13 @@ class ServerAuditDialog {
 							entries: entries,
 							enabled: entries.length > 0,
 						},
+						!hasErrors
+							? {
+									id: 'auditsuccess',
+									type: 'fixedtext',
+									text: _('No issues found'),
+								}
+							: {},
 						{
 							id: this.id + '-buttonbox',
 							type: 'buttonbox',