From e235e5adecaa7f94c209cff5bf697cd8b04308de Mon Sep 17 00:00:00 2001
From: Oliver <oliver.henry.walters@gmail.com>
Date: Wed, 27 Oct 2021 23:09:14 +1100
Subject: [PATCH] Replace "panel-body" with "panel-content"

---
 .../static/css/color-themes/dark-reader.css   | 36 +++++++++----------
 InvenTree/InvenTree/static/css/inventree.css  |  2 +-
 InvenTree/part/templates/part/part_base.html  |  3 +-
 InvenTree/templates/js/translated/modals.js   |  2 +-
 4 files changed, 22 insertions(+), 21 deletions(-)

diff --git a/InvenTree/InvenTree/static/css/color-themes/dark-reader.css b/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
index bdfd549b96..1b129989dd 100644
--- a/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
+++ b/InvenTree/InvenTree/static/css/color-themes/dark-reader.css
@@ -1950,10 +1950,10 @@ button.list-group-item-danger.active:hover {
 .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
     border-bottom-color: initial;
 }
-.panel > .panel-body + .table,
-.panel > .panel-body + .table-responsive,
-.panel > .table + .panel-body,
-.panel > .table-responsive + .panel-body {
+.panel > .panel-content + .table,
+.panel > .panel-content + .table-responsive,
+.panel > .table + .panel-content,
+.panel > .table-responsive + .panel-content {
     border-top-color: rgb(58, 62, 65);
 }
 .panel > .table > tbody:first-child > tr:first-child td,
@@ -2019,13 +2019,13 @@ button.list-group-item-danger.active:hover {
     border-bottom-color: initial;
 }
 .panel-group .panel-heading + .panel-collapse > .list-group,
-.panel-group .panel-heading + .panel-collapse > .panel-body {
+.panel-group .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(58, 62, 65);
 }
 .panel-group .panel-footer {
     border-top-color: initial;
 }
-.panel-group .panel-footer + .panel-collapse .panel-body {
+.panel-group .panel-footer + .panel-collapse .panel-content {
     border-bottom-color: rgb(58, 62, 65);
 }
 .panel-default {
@@ -2036,14 +2036,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(30, 32, 33);
     border-color: rgb(58, 62, 65);
 }
-.panel-default > .panel-heading + .panel-collapse > .panel-body {
+.panel-default > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(58, 62, 65);
 }
 .panel-default > .panel-heading .badge {
     color: rgb(226, 223, 219);
     background-color: rgb(38, 42, 43);
 }
-.panel-default > .panel-footer + .panel-collapse > .panel-body {
+.panel-default > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(58, 62, 65);
 }
 .panel-primary {
@@ -2054,14 +2054,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(41, 98, 146);
     border-color: rgb(40, 96, 145);
 }
-.panel-primary > .panel-heading + .panel-collapse > .panel-body {
+.panel-primary > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(40, 96, 145);
 }
 .panel-primary > .panel-heading .badge {
     color: rgb(105, 166, 213);
     background-color: rgb(24, 26, 27);
 }
-.panel-primary > .panel-footer + .panel-collapse > .panel-body {
+.panel-primary > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(40, 96, 145);
 }
 .panel-success {
@@ -2072,14 +2072,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(41, 60, 23);
     border-color: rgb(60, 91, 35);
 }
-.panel-success > .panel-heading + .panel-collapse > .panel-body {
+.panel-success > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(60, 91, 35);
 }
 .panel-success > .panel-heading .badge {
     color: rgb(202, 230, 191);
     background-color: rgb(48, 94, 49);
 }
-.panel-success > .panel-footer + .panel-collapse > .panel-body {
+.panel-success > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(60, 91, 35);
 }
 .panel-info {
@@ -2090,14 +2090,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(14, 48, 65);
     border-color: rgb(22, 90, 104);
 }
-.panel-info > .panel-heading + .panel-collapse > .panel-body {
+.panel-info > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(22, 90, 104);
 }
 .panel-info > .panel-heading .badge {
     color: rgb(186, 222, 241);
     background-color: rgb(39, 90, 114);
 }
-.panel-info > .panel-footer + .panel-collapse > .panel-body {
+.panel-info > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(22, 90, 104);
 }
 .panel-warning {
@@ -2108,14 +2108,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(63, 54, 7);
     border-color: rgb(108, 76, 11);
 }
-.panel-warning > .panel-heading + .panel-collapse > .panel-body {
+.panel-warning > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(108, 76, 11);
 }
 .panel-warning > .panel-heading .badge {
     color: rgb(248, 239, 189);
     background-color: rgb(110, 87, 47);
 }
-.panel-warning > .panel-footer + .panel-collapse > .panel-body {
+.panel-warning > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(108, 76, 11);
 }
 .panel-danger {
@@ -2126,14 +2126,14 @@ button.list-group-item-danger.active:hover {
     background-color: rgb(56, 22, 22);
     border-color: rgb(89, 35, 43);
 }
-.panel-danger > .panel-heading + .panel-collapse > .panel-body {
+.panel-danger > .panel-heading + .panel-collapse > .panel-content {
     border-top-color: rgb(89, 35, 43);
 }
 .panel-danger > .panel-heading .badge {
     color: rgb(231, 195, 195);
     background-color: rgb(135, 54, 53);
 }
-.panel-danger > .panel-footer + .panel-collapse > .panel-body {
+.panel-danger > .panel-footer + .panel-collapse > .panel-content {
     border-bottom-color: rgb(89, 35, 43);
 }
 .embed-responsive .embed-responsive-item,
diff --git a/InvenTree/InvenTree/static/css/inventree.css b/InvenTree/InvenTree/static/css/inventree.css
index ea5efc59e9..a6bd2753b0 100644
--- a/InvenTree/InvenTree/static/css/inventree.css
+++ b/InvenTree/InvenTree/static/css/inventree.css
@@ -921,7 +921,7 @@ input[type="submit"] {
     margin-bottom: 5px;
 }
 
-.panel-body {
+.panel-content {
     padding: 10px;
 }
 
diff --git a/InvenTree/part/templates/part/part_base.html b/InvenTree/part/templates/part/part_base.html
index 788fa13a24..84093820aa 100644
--- a/InvenTree/part/templates/part/part_base.html
+++ b/InvenTree/part/templates/part/part_base.html
@@ -11,9 +11,10 @@
 {% block content %}
 
 <div class="panel panel-inventree">
+    <div class='panel-content'></div>
     <!-- Default panel contents -->
     <div class="panel-heading"><h3>{{ part.full_name }}</h3></div>
-    <div class="panel-body">
+    <div class="panel-content">
         <div class="row">
             <div class="col-sm-6">
             {% include "part/part_thumb.html" %}
diff --git a/InvenTree/templates/js/translated/modals.js b/InvenTree/templates/js/translated/modals.js
index c6680040a1..e50970ed23 100644
--- a/InvenTree/templates/js/translated/modals.js
+++ b/InvenTree/templates/js/translated/modals.js
@@ -539,7 +539,7 @@ function renderErrorMessage(xhr) {
                 </div>
             </div>
             <div class='panel-collapse collapse' id='collapse-error-info'>
-                <div class='panel-body'>`;
+                <div class='panel-content'>`;
 
     html += xhr.responseText;