From 125996e21c0c45f23ccc43e2a9248b8fb67d576f Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchampfaris@users.noreply.github.com>
Date: Tue, 16 May 2017 07:29:15 +0530
Subject: [PATCH] Increase item cart height in mobile view (Fixes #8827)
 (#8846)

---
 erpnext/public/css/erpnext.css   | 5 +++++
 erpnext/public/less/erpnext.less | 4 ++++
 2 files changed, 9 insertions(+)

diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
index fd240064cac..86dec05eb91 100644
--- a/erpnext/public/css/erpnext.css
+++ b/erpnext/public/css/erpnext.css
@@ -270,6 +270,11 @@ body[data-route="pos"] .item-cart-items {
   border: 1px solid #d1d8dd;
   border-top: none;
 }
+@media (max-width: 767px) {
+  body[data-route="pos"] .item-cart-items {
+    height: 30vh;
+  }
+}
 body[data-route="pos"] .no-items-message {
   min-height: 200px;
   display: flex;
diff --git a/erpnext/public/less/erpnext.less b/erpnext/public/less/erpnext.less
index 0431848f864..f6482eb516d 100644
--- a/erpnext/public/less/erpnext.less
+++ b/erpnext/public/less/erpnext.less
@@ -321,6 +321,10 @@ body[data-route="pos"] {
 		overflow: auto;
 		border: 1px solid @border-color;
 		border-top: none;
+
+		@media (max-width: @screen-xs) {
+			height: 30vh;
+		}
 	}
 
 	.no-items-message {