From d79f239001f3fcbe0d93c843ec095183766afc73 Mon Sep 17 00:00:00 2001
From: Faris Ansari <netchamp.faris@gmail.com>
Date: Thu, 16 Mar 2017 12:18:35 +0530
Subject: [PATCH] [pos] ui fix for small screens frappe/erpnext#8029

---
 erpnext/public/css/erpnext.css   | 22 +++++++++++++++++++++-
 erpnext/public/less/erpnext.less | 25 +++++++++++++++++++++++--
 2 files changed, 44 insertions(+), 3 deletions(-)

diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
index 697c0782897..7b6e5a1e99c 100644
--- a/erpnext/public/css/erpnext.css
+++ b/erpnext/public/css/erpnext.css
@@ -144,6 +144,19 @@ body[data-route="pos"] .numeric-keypad {
   background-color: #fff;
   margin-left: -4px;
 }
+@media (max-width: 1199px) {
+  body[data-route="pos"] .numeric-keypad {
+    height: 45px;
+    width: 45px;
+    font-size: 14px;
+  }
+}
+@media (max-width: 991px) {
+  body[data-route="pos"] .numeric-keypad {
+    height: 40px;
+    width: 40px;
+  }
+}
 body[data-route="pos"] .numeric_keypad {
   margin-left: -15px;
 }
@@ -307,9 +320,17 @@ body[data-route="pos"] .item-list-area .pos-bill-header {
   padding: 5px;
   padding-left: 15px;
 }
+body[data-route="pos"] .pos-selected-item-action .pos-list-row:first-child {
+  padding-top: 0;
+}
 body[data-route="pos"] .pos-selected-item-action > .pos-list-row {
   border: none;
 }
+@media (max-width: 1199px) {
+  body[data-route="pos"] .pos-selected-item-action > .pos-list-row {
+    padding: 5px 15px;
+  }
+}
 body[data-route="pos"] .edit-customer-btn {
   position: absolute;
   right: 57px;
@@ -327,4 +348,3 @@ body[data-route="pos"] .btn-more {
 body[data-route="pos"] .collapse-btn {
   cursor: pointer;
 }
-
diff --git a/erpnext/public/less/erpnext.less b/erpnext/public/less/erpnext.less
index 0a489707048..c06bdf9e692 100644
--- a/erpnext/public/less/erpnext.less
+++ b/erpnext/public/less/erpnext.less
@@ -176,6 +176,17 @@ body[data-route="pos"] {
 		border-radius: 0;
 		background-color: #fff;
 		margin-left:-4px;
+
+		@media (max-width: @screen-md) {
+			height: 45px;
+			width: 45px;
+			font-size: 14px;
+		}
+
+		@media (max-width: @screen-sm) {
+			height: 40px;
+			width: 40px;
+		}
 	}
 
 	.numeric_keypad {
@@ -371,8 +382,18 @@ body[data-route="pos"] {
 		padding-left: 15px;
 	}
 
-	.pos-selected-item-action > .pos-list-row {
-		border: none;
+	.pos-selected-item-action {
+		.pos-list-row:first-child {
+			padding-top: 0;
+		}
+
+		&> .pos-list-row {
+			border: none;
+
+			@media (max-width: @screen-md) {
+				padding: 5px 15px;
+			}
+		}
 	}
 
 	.edit-customer-btn {