From ad16700b6f81be37b58e7a90642c50f539790429 Mon Sep 17 00:00:00 2001
From: KerollesFathy <kerollesfhabib@gmail.com>
Date: Mon, 19 Jan 2026 16:10:57 +0000
Subject: [PATCH 1/2] fix: improve UI spacing in MultiSelectDialog results

---
 frappe/public/js/frappe/form/multi_select_dialog.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frappe/public/js/frappe/form/multi_select_dialog.js b/frappe/public/js/frappe/form/multi_select_dialog.js
index b83c405cbf..616f203bfc 100644
--- a/frappe/public/js/frappe/form/multi_select_dialog.js
+++ b/frappe/public/js/frappe/form/multi_select_dialog.js
@@ -142,7 +142,7 @@ frappe.ui.form.MultiSelectDialog = class MultiSelectDialog {
 	setup_results() {
 		this.$parent = $(this.dialog.body);
 		this.$wrapper = this.dialog.fields_dict.results_area.$wrapper
-			.append(`<div class="results my-3"
+			.append(`<div class="results mt-1 mb-3"
 			style="border: 1px solid #d1d8dd; border-radius: 3px; height: 300px; overflow: auto;"></div>`);
 
 		this.$results = this.$wrapper.find(".results");
@@ -477,7 +477,7 @@ frappe.ui.form.MultiSelectDialog = class MultiSelectDialog {
 			</div>`;
 		});
 
-		let $row = $(`<div class="list-item">
+		let $row = $(`<div class="list-item py-2 px-2 border-bottom">
 			<div class="list-item__content" style="flex: 0 0 10px;">
 				<input type="checkbox" class="list-row-check" data-item-name="${result.name}" ${
 			result.checked ? "checked" : ""
@@ -489,7 +489,7 @@ frappe.ui.form.MultiSelectDialog = class MultiSelectDialog {
 		head
 			? $row.addClass("list-item--head")
 			: ($row = $(
-					`<div class="list-item-container" data-item-name="${result.name}"></div>`
+					`<div class="list-item-container m-0" data-item-name="${result.name}"></div>`
 			  ).append($row));
 
 		return $row;

From b9d65510f4d21c93632266c35ee270f4829eec25 Mon Sep 17 00:00:00 2001
From: KerollesFathy <kerollesfhabib@gmail.com>
Date: Mon, 19 Jan 2026 16:25:53 +0000
Subject: [PATCH 2/2] fix: add more space to the top

---
 frappe/public/js/frappe/form/multi_select_dialog.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frappe/public/js/frappe/form/multi_select_dialog.js b/frappe/public/js/frappe/form/multi_select_dialog.js
index 616f203bfc..2e930cc80c 100644
--- a/frappe/public/js/frappe/form/multi_select_dialog.js
+++ b/frappe/public/js/frappe/form/multi_select_dialog.js
@@ -142,7 +142,7 @@ frappe.ui.form.MultiSelectDialog = class MultiSelectDialog {
 	setup_results() {
 		this.$parent = $(this.dialog.body);
 		this.$wrapper = this.dialog.fields_dict.results_area.$wrapper
-			.append(`<div class="results mt-1 mb-3"
+			.append(`<div class="results mt-2 mb-3"
 			style="border: 1px solid #d1d8dd; border-radius: 3px; height: 300px; overflow: auto;"></div>`);
 
 		this.$results = this.$wrapper.find(".results");