commit 203cc962f59982c4a0b2b90ab84c668eb14ce48e
author Rushabh Mehta <rmehta@gmail.com> Thu Apr 07 15:25:43 2016 +0530
committer Rushabh Mehta <rmehta@gmail.com> Fri Apr 08 17:21:00 2016 +0530
tree e163cea50fbfacb2a71ab20de109e3ab3229ac47
parent 9b8937d257c86ed274632cf677edc8bb57350c6d

[enhancement] Item Selector

erpnext/public/css/erpnext.css

diff --git a/erpnext/public/css/erpnext.css b/erpnext/public/css/erpnext.css
index 621efb5..d1d26bc 100644
--- a/erpnext/public/css/erpnext.css
+++ b/erpnext/public/css/erpnext.css
@@ -13,17 +13,20 @@
   margin: -10px auto;
 }
 /* pos */
+.pos-item-area {
+  padding: 0px 10px;
+}
+.pos-item-wrapper {
+  padding: 5px;
+}
 .pos-item {
-  display: inline-block;
   overflow: hidden;
   text-overflow: ellipsis;
   cursor: pointer;
   padding: 5px;
-  height: 0px;
-  padding-bottom: 38%;
-  width: 30%;
-  margin: 1.6%;
+  padding-bottom: 15px;
   border: 1px solid #d1d8dd;
+  margin-bottom: 5px;
 }
 .pos-item-text {
   padding: 0px 5px;
@@ -36,7 +39,13 @@
   border: 1px dashed #d1d8dd;
 }
 .pos-item-image {
-  padding-bottom: 100%;
+  width: 100%;
+  height: 0px;
+  padding: 50% 0;
+  text-align: center;
+  line-height: 0;
+  color: #fff;
+  font-size: 30px;
   background-size: cover;
   border: 1px solid transparent;
   background-position: top center;