Clean up card styles

netbox/project-static/styles/_netbox.scss

@@ -6,5 +6,9 @@
 // slim-select
 @import './select.scss';
 
+// Transitional styling
+@import './transitional/cards.scss';
+@import './transitional/tables.scss';
+
 // Temporary overrides
 @import './temp.scss';

netbox/project-static/styles/transitional/cards.scss

@@ -0,0 +1,25 @@
+.page-body {
+  .card {
+
+    // Add bottom margin for vertical separation between cards
+    margin-bottom: 1rem;
+
+    // Reduce padding
+    .card-header,
+    .card-body,
+    .card-footer {
+      padding: 0.75rem;
+    }
+
+    // Add background color
+    .card-header {
+      background: var(--#{$prefix}bg-surface-tertiary);
+    }
+
+    // Reduce padding
+    .list-group-item {
+      padding: 0.5rem 0.75rem;
+    }
+
+  }
+}

netbox/project-static/styles/transitional/tables.scss

@@ -0,0 +1,20 @@
+table.attr-table {
+
+  // Restyle row header
+  th {
+    color: $gray-700;
+    font-weight: normal;
+    padding-left: 0;
+  }
+
+  // Restyle row border
+  th, td {
+    border-bottom-style: dashed;
+  }
+
+  // Hide border of last row in table
+  tr:last-child {
+    border-bottom-style: hidden;
+  }
+
+}