Tweak preformatted block styling

netbox/project-static/styles/netbox.scss

@@ -967,6 +967,17 @@ div.card-overlay {
   max-width: unset;
 }
 
+// Preformatted text blocks
+td pre {
+  margin-bottom: 0
+}
+pre.block {
+  padding: $spacer;
+  background-color: var(--nbx-pre-bg);
+  border: 1px solid var(--nbx-pre-border-color);
+  border-radius: $border-radius;
+}
+
 #django-messages {
   position: fixed;
   right: $spacer;

netbox/project-static/styles/overrides.scss

@@ -7,11 +7,7 @@ body {
 }
 
 pre {
-  padding: $spacer;
   white-space: pre;
-  background-color: var(--nbx-pre-bg);
-  border: 1px solid var(--nbx-pre-border-color);
-  border-radius: $border-radius;
 }
 
 // Force <small/> elements to make text smaller.

netbox/templates/500.html

@@ -26,7 +26,7 @@
                         <p>
                             The complete exception is provided below:
                         </p>
-<pre><strong>{{ exception }}</strong><br />
+<pre class="block"><strong>{{ exception }}</strong><br />
 {{ error }}
 
 Python version: {{ python_version }}

netbox/templates/dcim/platform.html

@@ -64,7 +64,7 @@
         NAPALM Arguments
       </h5>
       <div class="card-body">
-        <pre>{{ object.napalm_args }}</pre>
+        <pre>{{ object.napalm_args|render_json }}</pre>
       </div>
     </div>
     {% include 'inc/panels/custom_fields.html' %}

netbox/templates/extras/inc/configcontext_data.html

@@ -1,5 +1,5 @@
 {% load helpers %}
 
 <div class="rendered-context-data">
-    <pre>{% if format == 'json' %}{{ data|render_json }}{% elif format == 'yaml' %}{{ data|render_yaml }}{% else %}{{ data }}{% endif %}</pre>
+    <pre class="block">{% if format == 'json' %}{{ data|render_json }}{% elif format == 'yaml' %}{{ data|render_yaml }}{% else %}{{ data }}{% endif %}</pre>
 </div>

netbox/templates/extras/script.html

@@ -69,7 +69,7 @@
     </div>
     <div role="tabpanel" class="tab-pane" id="source">
       <code class="h6 my-3 d-block">{{ script.filename }}</code>
-      <pre>{{ script.source }}</pre>
+      <pre class="block">{{ script.source }}</pre>
     </div>
   </div>
 {% endblock content-wrapper %}

netbox/templates/extras/script_result.html

@@ -102,11 +102,11 @@
           {% endif %}
       </div>
       <div role="tabpanel" class="tab-pane" id="output">
-          <pre>{{ result.data.output }}</pre>
+          <pre class="block">{{ result.data.output }}</pre>
       </div>
       <div role="tabpanel" class="tab-pane" id="source">
           <p><code>{{ script.filename }}</code></p>
-          <pre>{{ script.source }}</pre>
+          <pre class="block">{{ script.source }}</pre>
       </div>
   </div>
 {% endblock content-wrapper %}