From ff70fece72ce8efc20f48544ec7f3bdec78252de Mon Sep 17 00:00:00 2001
From: barredterra <14891507+barredterra@users.noreply.github.com>
Date: Fri, 28 Jun 2024 18:48:59 +0200
Subject: [PATCH] fix: layout of printed report filters

---
 .../js/frappe/views/reports/query_report.js     | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/frappe/public/js/frappe/views/reports/query_report.js b/frappe/public/js/frappe/views/reports/query_report.js
index 36f90f527b..b23bd4809c 100644
--- a/frappe/public/js/frappe/views/reports/query_report.js
+++ b/frappe/public/js/frappe/views/reports/query_report.js
@@ -1480,16 +1480,23 @@ frappe.views.QueryReport = class QueryReport extends frappe.views.BaseList {
 
 	get_filters_html_for_print() {
 		const applied_filters = this.get_filter_values();
-		return Object.keys(applied_filters)
+		const filter_html = Object.keys(applied_filters)
 			.map((fieldname) => {
 				const docfield = frappe.query_report.get_filter(fieldname).df;
 				const value = applied_filters[fieldname];
-				return `<h6>${__(docfield.label, null, docfield.parent)}: ${frappe.format(
-					value,
-					docfield
-				)}</h6>`;
+				return `<div class="filter-row">
+					<b>${__(docfield.label, null, docfield.parent)}:</b> ${frappe.format(value, docfield)}
+				</div>`;
 			})
 			.join("");
+
+		return `<div>${filter_html}</div>
+			<style>
+				.filter-row div {
+					/* prevent newline + right alignment of number fields */
+					display: inline-block;
+				}
+			</style>`;
 	}
 
 	export_report() {