From 5550c89b9aed725efe05f95d7f523828fe984bfe Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sat, 6 Nov 2021 14:44:31 +0000
Subject: [PATCH 1/5] make padding uniform

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

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index 632ec2e0e5..f3e1a558e2 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -545,6 +545,7 @@
 .inventree-body {
     width: 100%;
     padding: 5px;
+    padding-right: 0;
 }
 
 .inventree-pre-content {
@@ -835,7 +836,7 @@ input[type="submit"] {
 
 .panel {
     box-shadow: 2px 2px #DDD;
-    margin-bottom: 20px;
+    margin-bottom: .75rem;
     background-color: #fff;
     border: 1px solid #ccc;
 }

From d604b2afff2b668bc8ca3a25bffafb4c4af7d667 Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sat, 6 Nov 2021 14:44:46 +0000
Subject: [PATCH 2/5] make padding uniform

---
 InvenTree/templates/base.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/InvenTree/templates/base.html b/InvenTree/templates/base.html
index 856deac4be..6378b6b2ee 100644
--- a/InvenTree/templates/base.html
+++ b/InvenTree/templates/base.html
@@ -83,7 +83,7 @@
                 </div>
             </div>
         </div>
-        <main class='col ps-md-2 pt-2'>
+        <main class='col ps-md-2 pt-2 pe-2'>
 
             {% block alerts %}
             <div class='notification-area' id='alerts'>

From 19a3568511ad75869c5917dfee2f6982baf52047 Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sat, 6 Nov 2021 15:02:40 +0000
Subject: [PATCH 3/5] fix nav arranging on mobile

---
 InvenTree/templates/navbar.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/InvenTree/templates/navbar.html b/InvenTree/templates/navbar.html
index 58c7b8ecb2..56cc4ed488 100644
--- a/InvenTree/templates/navbar.html
+++ b/InvenTree/templates/navbar.html
@@ -62,9 +62,9 @@
       </ul>
     </div>
     {% include "search_form.html" %}
-    <ul class='navbar-nav'>
+    <ul class='navbar-nav flex-row'>
       {% if barcodes %}
-      <li id='navbar-barcode-li'>
+      <li class='nav-item' id='navbar-barcode-li'>
         <button id='barcode-scan' class='btn btn-secondary' title='{% trans "Scan Barcode" %}'>
           <span class='fas fa-qrcode'></span>
         </button>

From ad5ba96278bab7c3667579466f9387d9306f15f4 Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sat, 6 Nov 2021 15:07:01 +0000
Subject: [PATCH 4/5] move toggler to the end

---
 InvenTree/templates/navbar.html | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/InvenTree/templates/navbar.html b/InvenTree/templates/navbar.html
index 56cc4ed488..4578ac2db3 100644
--- a/InvenTree/templates/navbar.html
+++ b/InvenTree/templates/navbar.html
@@ -10,9 +10,6 @@
     <div class="navbar-header clearfix content-heading">
       <a class="navbar-brand" id='logo' href="{% url 'index' %}" style="padding-top: 7px; padding-bottom: 5px;"><img src="{% static 'img/inventree.png' %}" width="32" height="32" style="display:block; margin: auto;"/></a>
     </div>
-    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-objects" aria-label="Toggle navigation">
-      <span class="navbar-toggler-icon"></span>
-    </button>
     <div class="navbar-collapse collapse" id="navbar-objects">
       <ul class="navbar-nav">
         {% if roles.part.view %}
@@ -70,6 +67,11 @@
         </button>
       </li>
       {% endif %}
+      <li class='nav-item' id='navbar-barcode-li'>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-objects" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+      </li>
       <li class='nav-item dropdown'>
         <a class='nav-link dropdown-toggle' href='#' id='userMenuDropdown' role='button' data-bs-toggle='dropdown'>
           <span class='fas fa-user'></span> <strong>{{ user.get_username }}</strong>
@@ -108,7 +110,6 @@
         </ul>
       </li>
     </ul>
-
   </div>
 </nav>
 

From bbd723a17673feac250a6fe93b93752cd4b291c6 Mon Sep 17 00:00:00 2001
From: Matthias Mair <matmair@live.de>
Date: Sat, 6 Nov 2021 15:11:31 +0000
Subject: [PATCH 5/5] fix QR code alingment

---
 InvenTree/InvenTree/static/css/inventree.css | 6 ------
 InvenTree/templates/qr_code.html             | 2 +-
 2 files changed, 1 insertion(+), 7 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index f3e1a558e2..00041f0fae 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -125,12 +125,6 @@
     align-content: center;
 }
 
-.qr-container {
-    width: 100%;
-    align-content: center;
-    object-fit: fill;
-}
-
 .navbar {
     border-bottom: 1px solid #ccc;
     background-color: var(--secondary-color);
diff --git a/InvenTree/templates/qr_code.html b/InvenTree/templates/qr_code.html
index 8964ef02be..a39847629d 100644
--- a/InvenTree/templates/qr_code.html
+++ b/InvenTree/templates/qr_code.html
@@ -3,7 +3,7 @@
 
 <div class='container' style='width: 80%;'>
     {% if qr_data %}
-    <div class='qr-container'>
+    <div class='d-flex justify-content-center'>
         <img src="{% qrcode qr_data %}">
     </div>
     {% else %}