From b1598cfd10d2162e53cee4a709b7a3dff26b31a9 Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Thu, 4 Nov 2021 17:02:52 +1100
Subject: [PATCH] - style fixes - add part description as mouse-over text

---
 InvenTree/InvenTree/static/css/inventree.css             | 5 +++++
 InvenTree/InvenTree/static/script/inventree/inventree.js | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index a686b5c512..478734383f 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -560,6 +560,11 @@
     transition: 0.1s;
 }
 
+.search-autocomplete-item {
+    border-top: 1px solid #EEE;
+    margin-bottom: 2px;
+}
+
 .modal {
   overflow: hidden;
   z-index: 9999;
diff --git a/InvenTree/InvenTree/static/script/inventree/inventree.js b/InvenTree/InvenTree/static/script/inventree/inventree.js
index 5974e12fc5..df48cf7d60 100644
--- a/InvenTree/InvenTree/static/script/inventree/inventree.js
+++ b/InvenTree/InvenTree/static/script/inventree/inventree.js
@@ -159,9 +159,9 @@ function inventreeDocReady() {
                 $(this).data('ui-autocomplete')._renderItem = function(ul, item) {
 
                     var html = `
-                    <div class=''>
+                    <div class='search-autocomplete-item' title='${item.data.description}'>
                         <a href='/part/${item.id}/'>
-                            <span><img class='hover-img-thumb' src='${item.thumbnail || "/static/img/blank_image.png"}'> ${item.label}</span>
+                            <span style='padding-right: 10px;'><img class='hover-img-thumb' src='${item.thumbnail || "/static/img/blank_image.png"}'> ${item.label}</span>
                         </a>
                         <span class='flex' style='flex-grow: 1;'></span>
                     `;