From 04c702e1b8f96d5734f976c6b0f6f7d8883d3021 Mon Sep 17 00:00:00 2001
From: Oliver Walters <oliver.henry.walters@gmail.com>
Date: Sun, 13 Sep 2020 20:42:59 +1000
Subject: [PATCH] Improve action buttons for part display

---
 InvenTree/InvenTree/static/css/inventree.css |  5 +++++
 InvenTree/part/templates/part/part_base.html | 13 ++++++++-----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index ccf0671d56..964be5c359 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -413,6 +413,10 @@
     font-size: 125%;
 }
 
+.btn-group {
+    padding-bottom: 5px;
+}
+
 .action-buttons .btn {
     font-size: 175%;
     align-content: center;
@@ -474,6 +478,7 @@
 
 .media {
     padding-top: 15px;
+    overflow: visible;
 }
 
 .media-body {
diff --git a/InvenTree/part/templates/part/part_base.html b/InvenTree/part/templates/part/part_base.html
index bef5a52896..74f9e1383f 100644
--- a/InvenTree/part/templates/part/part_base.html
+++ b/InvenTree/part/templates/part/part_base.html
@@ -35,16 +35,18 @@
             {% endif %}
         </h3>   
         <p><i>{{ part.description }}</i></p>
+
         <div class='btn-group action-buttons' role='group'>
             <button type='button' class='btn btn-default' id='toggle-starred' title='{% trans "Star this part" %}'>
                 <span id='part-star-icon' class='fas fa-star {% if starred %}icon-yellow{% endif %}'/>
             </button>
+
             <!-- Barcode actions menu -->
-            <div class='dropdown dropdown-buttons'>
+            <div class='btn-group'>
                 <button id='barcode-options' title='{% trans "Barcode actions" %}' class='btn btn-default dropdown-toggle' type='button' data-toggle='dropdown'><span class='fas fa-qrcode'></span> <span class='caret'></span></button>
-                <ul class='dropdown-menu' role='menu'>
+                <ul class='dropdown-menu'>
                     <li><a href='#' id='show-qr-code'><span class='fas fa-qrcode'></span> {% trans "Show QR Code" %}</a></li>
-                    <li class='disabled'><a href='#' id='print-label'><span class='fas fa-tag'></span> {% trans "Print Label" %}</a></li>
+                    <li><a href='#' id='print-label'><span class='fas fa-tag'></span> {% trans "Print Label" %}</a></li>
                 </ul>
             </div>
             {% if part.active %}
@@ -60,9 +62,10 @@
             </button>
             {% endif %}
             {% endif %}
-            <div class='dropdown dropdown-buttons'>
+            <!-- Part actions -->
+            <div class='btn-group'>
                 <button id='part-actions' title='{% trans "Part actions" %}' class='btn btn-default dropdown-toggle' type='button' data-toggle='dropdown'> <span class='fas fa-shapes'></span> <span class='caret'></span></button>
-                <ul class='dropdown-menu' role='menu'>
+                <ul class='dropdown-menu'>
                     <li><a href='#' id='part-duplicate'><span class='fas fa-copy'></span> {% trans "Duplicate part" %}</a></li>
                     <li><a href='#' id='part-edit'><span class='fas fa-edit icon-blue'></span> {% trans "Edit part" %}</a></li>
                     {% if not part.active %}