From 0dc6d9d37e7e9dc706b2cca7d2be8d624a3c1dec Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Mon, 30 Mar 2020 15:04:56 +1100
Subject: [PATCH] Improved visual layout

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

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index 3725d79c7b..b4943a9b9a 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -112,6 +112,10 @@
     font-size: 100%;
 }
 
+.label-right {
+    float: right;
+}
+
 /* Bootstrap table overrides */
 
 .stock-sub-group td {
diff --git a/InvenTree/InvenTree/static/script/inventree/part.js b/InvenTree/InvenTree/static/script/inventree/part.js
index ac2cbdd2e5..f05c5670da 100644
--- a/InvenTree/InvenTree/static/script/inventree/part.js
+++ b/InvenTree/InvenTree/static/script/inventree/part.js
@@ -182,7 +182,6 @@ function loadPartTable(table, url, options={}) {
         searchable: false,
         sortable: true,
         formatter: function(value, row, index, field) {            
-            var html = "";
             var link = "stock";
             
             if (value) {
@@ -190,22 +189,20 @@ function loadPartTable(table, url, options={}) {
 
                 // Is stock "low" (below the 'minimum_stock' quantity)?
                 if (row.minimum_stock && row.minimum_stock > value) {
-                    value = "<span class='label label-warning'>Low stock : " + row.in_stock + "</span>";
+                    value += "<span class='label label-right label-warning'>Low stock</span>";
                 }
 
-                html = value;
-
             } else if (row.on_order) {
                 // There is no stock available, but stock is on order
-                value = "<span class='label label-primary'>On Order : " + row.on_order + "</span>";
+                value = "0<span class='label label-right label-primary'>On Order : " + row.on_order + "</span>";
                 link = "orders";
             } else if (row.building) {
                 // There is no stock available, but stock is being built
-                value = "<span class='label label-info'>Building : " + row.building + "</span>";
+                value = "0<span class='label label-right label-info'>Building : " + row.building + "</span>";
                 link = "builds";
             } else {
                 // There is no stock available
-                value ="<span class='label label-danger'>No Stock</span>";
+                value = "0<span class='label label-right label-danger'>No Stock</span>";
             }
             
             return renderLink(value, '/part/' + row.pk + "/" + link + "/");