From 68cfd8615e3536e60e36d8e53f6aa428d3bee3d0 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Mon, 18 Oct 2021 12:19:16 +1100
Subject: [PATCH 1/2] Improvements to "grid view" for parts list

- Display 5 tiles per line
- Reduce padding
- Add border
---
 InvenTree/InvenTree/static/css/inventree.css | 7 +++++++
 InvenTree/templates/js/translated/part.js    | 6 +++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index eca502425a..fca9326a82 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -1074,6 +1074,13 @@ input[type='number']{
     margin-top: 0.5rem;
 }
 
+.product-card {
+    width: 20%;
+    padding: 5px;
+    min-height: 25px;
+}
+
 .product-card-panel{
     height: 100%;
+    border: 1px solid #ccc;
 }
diff --git a/InvenTree/templates/js/translated/part.js b/InvenTree/templates/js/translated/part.js
index d7747a244f..f4ee237d84 100644
--- a/InvenTree/templates/js/translated/part.js
+++ b/InvenTree/templates/js/translated/part.js
@@ -778,7 +778,7 @@ function partGridTile(part) {
 
     var html = `
     
-    <div class='col-sm-3 card'>
+    <div class='product-card card'>
         <div class='panel panel-default panel-inventree product-card-panel'>
             <div class='panel-heading'>
                 <a href='/part/${part.pk}/'>
@@ -1000,8 +1000,8 @@ function loadPartTable(table, url, options={}) {
 
             data.forEach(function(row, index) {
                 
-                // Force a new row every 4 columns, to prevent visual issues
-                if ((index > 0) && (index % 4 == 0) && (index < data.length)) {
+                // Force a new row every 5 columns
+                if ((index > 0) && (index % 5 == 0) && (index < data.length)) {
                     html += `</div><div class='row full-height'>`;
                 }
 

From 4b344cd7bb9eb20e142ebec35db66c5e5ad977ad Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Mon, 18 Oct 2021 12:36:42 +1100
Subject: [PATCH 2/2] CSS tweaks

---
 InvenTree/InvenTree/static/css/inventree.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index fca9326a82..d71f5d1f08 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -933,7 +933,8 @@ input[type="submit"] {
 
 .panel-inventree {
     padding: 10px;
-    box-shadow: 1px 1px #DDD;
+    box-shadow: 2px 2px #DDD;
+    border-color: #ccc;
 }
 
 .panel-hidden {
@@ -1083,4 +1084,5 @@ input[type='number']{
 .product-card-panel{
     height: 100%;
     border: 1px solid #ccc;
+    box-shadow: 2px 2px #DDD;
 }