Correct text and icon alignments in server audit dialog

Signed-off-by: Banobe Pascal <[email protected]> Change-Id: I259fce2ae96efc2fd83637317187fe4e07db67b4
CollaboraOnline · Jan 20, 2025 · 9fe955d · 9fe955d
1 parent 4112602
commit 9fe955d
Showing 1 changed file with 22 additions and 0 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,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%;