From 537c0de1e45227af7137c82a74585fae1df60061 Mon Sep 17 00:00:00 2001
From: Rushabh Mehta <rmehta@gmail.com>
Date: Wed, 2 Sep 2015 12:17:15 +0530
Subject: [PATCH] [mobile] css for tree views

---
 frappe/public/css/tree.css         |  8 ++++++++
 frappe/public/js/frappe/ui/tree.js |  2 +-
 frappe/public/less/tree.less       | 10 ++++++++++
 3 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/frappe/public/css/tree.css b/frappe/public/css/tree.css
index c7b8f32f38..9ed3d0e6e1 100644
--- a/frappe/public/css/tree.css
+++ b/frappe/public/css/tree.css
@@ -5,6 +5,9 @@
   list-style: none;
   margin: 2px 0px;
 }
+ul.tree-children {
+  padding-left: 20px;
+}
 .tree-link {
   cursor: pointer;
 }
@@ -22,3 +25,8 @@
   margin-left: 15px;
   margin-bottom: -4px;
 }
+@media (max-width: 767px) {
+  ul.tree-children {
+    padding-left: 10px;
+  }
+}
diff --git a/frappe/public/js/frappe/ui/tree.js b/frappe/public/js/frappe/ui/tree.js
index 7249807419..96460f8be1 100644
--- a/frappe/public/js/frappe/ui/tree.js
+++ b/frappe/public/js/frappe/ui/tree.js
@@ -126,7 +126,7 @@ frappe.ui.TreeNode = Class.extend({
 							$(btn).html(node.expanded ? __("Collapse") : __("Expand"));
 						});
 					},
-					btnClass: "btn-expand"
+					btnClass: "btn-expand hidden-xs"
 				}
 			}
 			if(item.condition) {
diff --git a/frappe/public/less/tree.less b/frappe/public/less/tree.less
index b21991d015..b7b4530bdb 100644
--- a/frappe/public/less/tree.less
+++ b/frappe/public/less/tree.less
@@ -9,6 +9,10 @@
 	margin: 2px 0px;
 }
 
+ul.tree-children {
+	padding-left: 20px;
+}
+
 .tree-link {
 	cursor: pointer;
 }
@@ -29,3 +33,9 @@
 	margin-left: 15px;
 	margin-bottom: -4px;
 }
+
+@media (max-width: @screen-xs) {
+	ul.tree-children {
+		padding-left: 10px;
+	}
+}