From 05ffc0d3e0fc061639494df2978557c63f7d2d25 Mon Sep 17 00:00:00 2001
From: Rucha Mahabal <ruchamahabal2@gmail.com>
Date: Thu, 8 Jul 2021 16:55:42 +0530
Subject: [PATCH] feat: use icon for connections on mobile view

---
 .../js/hierarchy_chart/hierarchy_chart_mobile.js     |  2 +-
 erpnext/public/js/templates/node_card.html           | 12 +++++++++---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/erpnext/public/js/hierarchy_chart/hierarchy_chart_mobile.js b/erpnext/public/js/hierarchy_chart/hierarchy_chart_mobile.js
index 17062e2585..1985299378 100644
--- a/erpnext/public/js/hierarchy_chart/hierarchy_chart_mobile.js
+++ b/erpnext/public/js/hierarchy_chart/hierarchy_chart_mobile.js
@@ -50,7 +50,7 @@ erpnext.HierarchyChartMobile = class {
 			image: node.image,
 			parent: node.parent_id,
 			connections: node.connections,
-			is_mobile: 1
+			is_mobile: true
 		});
 
 		node.parent.append(node_card);
diff --git a/erpnext/public/js/templates/node_card.html b/erpnext/public/js/templates/node_card.html
index c3d8e010b5..fb94df85ed 100644
--- a/erpnext/public/js/templates/node_card.html
+++ b/erpnext/public/js/templates/node_card.html
@@ -16,10 +16,16 @@
 			<div class="node-info d-flex flex-row mb-1">
 				<div class="node-title text-muted ellipsis">{{ title }}</div>
 
-				{% if connections == 1 %}
-					<div class="node-connections text-muted ml-2 ellipsis">· {{ connections }} Connection</div>
+				{% if is_mobile %}
+					<div class="node-connections text-muted ml-2 ellipsis">
+						· {{ connections }} <span class="fa fa-level-down"></span>
+					</div>
 				{% else %}
-					<div class="node-connections text-muted ml-2 ellipsis">· {{ connections }} Connections</div>
+					{% if connections == 1 %}
+						<div class="node-connections text-muted ml-2 ellipsis">· {{ connections }} Connection</div>
+					{% else %}
+						<div class="node-connections text-muted ml-2 ellipsis">· {{ connections }} Connections</div>
+					{% endif %}
 				{% endif %}
 			</div>
 		</div>