Clean up object.html header

netbox/project-static/netbox.scss

@@ -163,9 +163,6 @@ div.title-container {
   justify-content: space-between;
   flex-wrap: wrap;
   align-items: center;
-  padding-top: $spacer * 2;
-  margin-bottom: $spacer * 2;
-  border-bottom: 1px solid $border-color;
 
   div#content-title {
     display: flex;
@@ -542,12 +539,8 @@ table tr.vertical-align {
 
 nav.breadcrumb-container {
   padding: $badge-padding-y $badge-padding-x;
-  border-radius: $border-radius;
   font-size: $font-size-sm;
   width: fit-content;
-  background-color: var(--nbx-breadcrumb-bg);
-  margin-top: $spacer;
-  margin-bottom: $spacer;
 
   ol.breadcrumb {
     margin-bottom: 0;

netbox/templates/base/layout.html

@@ -62,7 +62,7 @@
         </nav>
 
         {# Top bar #}
-        <nav class="navbar navbar-light sticky-top flex-md-nowrap py-4 search container-fluid">
+        <nav class="navbar navbar-light sticky-top flex-md-nowrap p-3 search container-fluid">
           <div class="d-md-none w-100 d-flex justify-content-between align-items-center my-3">
               <a class="px-2 sidebar-logo d-block d-md-none" href="{% url 'home' %}">
                 <img src="{% static 'netbox_logo.svg' %}" alt="NetBox logo" />
@@ -86,11 +86,11 @@
         </nav>
 
         {# Body #}
-        <div class="px-4 content-container">
+        <div class="content-container">
 
           {# Page header #}
           {% block header %}
-            <div class="title-container">
+            <div class="title-container px-3 py-3">
 
               {# Title #}
               <div id="content-title">
@@ -104,10 +104,12 @@
           {% endblock header %}
 
           {# Page content #}
-          <div id="content" class="container-fluid p-0 m-0">
+          <div id="content" class="container-fluid px-0 m-0">
             {% block tabs %}{% endblock %}
+            <div class="px-3">
               {% block content %}{% endblock %}
             </div>
+          </div>
 
           {# Page footer #}
           <footer class="footer container-fluid pb-3 pt-4 px-0">

netbox/templates/generic/object.html

@@ -7,7 +7,7 @@
 
 {% block header %}
   {# Breadcrumbs #}
-  <nav class="breadcrumb-container" aria-label="breadcrumb">
+  <nav class="breadcrumb-container px-3" aria-label="breadcrumb">
     <ol class="breadcrumb">
       {% block breadcrumbs %}{% endblock %}
     </ol>
@@ -37,7 +37,7 @@
 {% endblock controls %}
 
 {% block tabs %}
-<ul class="nav nav-tabs mb-3">
+<ul class="nav nav-tabs mb-3 px-3">
   {% block tab_items %}
     <li class="nav-item" role="presentation">
       <a class="nav-link{% if not active_tab %} active{% endif %}" href="{{ object.get_absolute_url }}">{{ object|meta:"verbose_name"|bettertitle }}</a>