[pos] ui fix for small screens frappe/erpnext#8029
diff --git a/erpnext/public/less/erpnext.less b/erpnext/public/less/erpnext.less
index 0a48970..c06bdf9 100644
--- a/erpnext/public/less/erpnext.less
+++ b/erpnext/public/less/erpnext.less
@@ -176,6 +176,17 @@
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 @@
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 {