From b4a5e194e4eab5b5fb401a69cbb7f41246d06f71 Mon Sep 17 00:00:00 2001
From: Jeremy Stretch <jstretch@netboxlabs.com>
Date: Wed, 3 Jan 2024 16:15:22 -0500
Subject: [PATCH] Clean up object list styling

---
 netbox/netbox/tables/columns.py               |   2 +-
 netbox/project-static/dist/netbox.css         | Bin 523724 -> 523700 bytes
 netbox/project-static/styles/variables.scss   |   4 ++++
 netbox/templates/account/bookmarks.html       |   2 +-
 netbox/templates/dcim/connections_list.html   |   2 +-
 .../dcim/devicetype/component_templates.html  |   4 ++--
 .../dcim/moduletype/component_templates.html  |   4 ++--
 netbox/templates/generic/object_children.html |   2 +-
 netbox/templates/generic/object_list.html     |   2 +-
 netbox/templates/search.html                  |   2 +-
 10 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/netbox/netbox/tables/columns.py b/netbox/netbox/tables/columns.py
index d2cd0a0d4..0813deb36 100644
--- a/netbox/netbox/tables/columns.py
+++ b/netbox/netbox/tables/columns.py
@@ -162,7 +162,7 @@ class ToggleColumn(tables.CheckBoxColumn):
         if 'attrs' not in kwargs:
             kwargs['attrs'] = {
                 'td': {
-                    'class': 'min-width',
+                    'class': 'w-1',
                 },
                 'input': {
                     'class': 'form-check-input'
diff --git a/netbox/project-static/dist/netbox.css b/netbox/project-static/dist/netbox.css
index 3e753bcac425de608efd67b451ffd3730e603320..f5c6bd268ca1fca6a1630ca1e484a0b653b870f4 100644
GIT binary patch
delta 203
zcmX@}TYk%L`3);nr~m!OB02qyEu+x%1}|35$qM{z)0c8G3U2<Ynin~}S&m(7azH=#
z<o`8n&E56w-Svz>%ml>DK+FQftlPWm+2+5Su5pc-Z~EB+cE{~idF(DsVE%R>zaPQ`
zNjXioFJ@<*E>g&TfBVD|_Dn{&Ca3M*W$b=PD!0F?U=K#(PnWM|XWKrdn%#hj%eo*j
RB_%U2-AZr!-CFkd^#EDAPJ93W

delta 165
zcmdn;TmH;%`3);nr;AIlOHWR%7n;7omz8s}0zcd4N2>LajONXW_3erEj6lo;#LPg<
z0>rG_6YJTIy<;?=zN>)Ue|uRTy9*Pe`F0>@E|3NZ25etm%<c>4xRkN`!8wmA*n?r5
p>G!MHS+{ppvl}vTD(LE&n--<!T2D?qFEaV!a;@#3YuOLh0|4XRJqiE-

diff --git a/netbox/project-static/styles/variables.scss b/netbox/project-static/styles/variables.scss
index 4b85b6158..371c240c0 100644
--- a/netbox/project-static/styles/variables.scss
+++ b/netbox/project-static/styles/variables.scss
@@ -6,3 +6,7 @@ $sidebar-width: 18rem;
 // Reduce the default button padding
 $btn-padding-x: 0.5rem;
 $btn-padding-y: 0.25rem;
+
+// Reduce the default table cell padding
+$table-cell-padding-x: 0.5rem;
+$table-cell-padding-y: 0.5rem;
diff --git a/netbox/templates/account/bookmarks.html b/netbox/templates/account/bookmarks.html
index 93f741fd4..f7aa9bf57 100644
--- a/netbox/templates/account/bookmarks.html
+++ b/netbox/templates/account/bookmarks.html
@@ -15,7 +15,7 @@
     <div class="row">
       <div class="col col-md-12">
         <div class="card">
-          <div class="card-body htmx-container table-responsive" id="object_list">
+          <div class="htmx-container table-responsive" id="object_list">
             {% include 'htmx/table.html' %}
           </div>
         </div>
diff --git a/netbox/templates/dcim/connections_list.html b/netbox/templates/dcim/connections_list.html
index 0d67dcaf0..c0122e7ee 100644
--- a/netbox/templates/dcim/connections_list.html
+++ b/netbox/templates/dcim/connections_list.html
@@ -12,7 +12,7 @@
     <div class="tab-pane show active" id="object-list" role="tabpanel" aria-labelledby="object-list-tab">
       {% include 'inc/table_controls_htmx.html' %}
       <div class="card">
-        <div class="card-body htmx-container table-responsive" id="object_list">
+        <div class="htmx-container table-responsive" id="object_list">
           {% include 'htmx/table.html' %}
         </div>
       </div>
diff --git a/netbox/templates/dcim/devicetype/component_templates.html b/netbox/templates/dcim/devicetype/component_templates.html
index 8c392965d..68e2007c0 100644
--- a/netbox/templates/dcim/devicetype/component_templates.html
+++ b/netbox/templates/dcim/devicetype/component_templates.html
@@ -9,7 +9,7 @@
         {% csrf_token %}
         <div class="card">
             <h5 class="card-header">{{ title }}</h5>
-            <div class="card-body htmx-container table-responsive" id="object_list">
+            <div class="htmx-container table-responsive" id="object_list">
               {% include 'htmx/table.html' %}
             </div>
             <div class="card-footer noprint">
@@ -37,7 +37,7 @@
   {% else %}
     <div class="card">
       <h5 class="card-header">{{ title }}</h5>
-      <div class="card-body htmx-container table-responsive" id="object_list">
+      <div class="htmx-container table-responsive" id="object_list">
         {% include 'htmx/table.html' %}
       </div>
     </div>
diff --git a/netbox/templates/dcim/moduletype/component_templates.html b/netbox/templates/dcim/moduletype/component_templates.html
index 6beb4258a..c9786113e 100644
--- a/netbox/templates/dcim/moduletype/component_templates.html
+++ b/netbox/templates/dcim/moduletype/component_templates.html
@@ -9,7 +9,7 @@
         {% csrf_token %}
         <div class="card">
             <h5 class="card-header">{{ title }}</h5>
-            <div class="card-body htmx-container table-responsive" id="object_list">
+            <div class="htmx-container table-responsive" id="object_list">
               {% include 'htmx/table.html' %}
             </div>
             <div class="card-footer noprint">
@@ -37,7 +37,7 @@
   {% else %}
     <div class="card">
       <h5 class="card-header">{{ title }}</h5>
-      <div class="card-body htmx-container table-responsive" id="object_list">
+      <div class="htmx-container table-responsive" id="object_list">
         {% include 'htmx/table.html' %}
       </div>
     </div>
diff --git a/netbox/templates/generic/object_children.html b/netbox/templates/generic/object_children.html
index b9acdb6de..611f37a7d 100644
--- a/netbox/templates/generic/object_children.html
+++ b/netbox/templates/generic/object_children.html
@@ -9,7 +9,7 @@
     <form method="post">
         {% csrf_token %}
         <div class="card">
-            <div class="card-body htmx-container table-responsive" id="object_list">
+            <div class="htmx-container table-responsive" id="object_list">
                 {% include 'htmx/table.html' %}
             </div>
         </div>
diff --git a/netbox/templates/generic/object_list.html b/netbox/templates/generic/object_list.html
index 31783f241..335fc6af8 100644
--- a/netbox/templates/generic/object_list.html
+++ b/netbox/templates/generic/object_list.html
@@ -110,7 +110,7 @@ Context:
               {% endif %}
 
           <div class="card">
-            <div class="card-body htmx-container table-responsive p-1" id="object_list">
+            <div class="htmx-container table-responsive" id="object_list">
               {% include 'htmx/table.html' %}
             </div>
           </div>
diff --git a/netbox/templates/search.html b/netbox/templates/search.html
index 98f6d0bfd..a041c6bf7 100644
--- a/netbox/templates/search.html
+++ b/netbox/templates/search.html
@@ -31,7 +31,7 @@
   </div>
   <div class="row px-3">
     <div class="card">
-      <div class="card-body htmx-container table-responsive" id="object_list">
+      <div class="htmx-container table-responsive" id="object_list">
         {% include 'htmx/table.html' %}
       </div>
     </div>