Improve prefix hierarchy/depth styling

netbox/project-static/styles/netbox.scss

@@ -422,7 +422,7 @@ main.login-container {
   padding: 0;
 
   .nav-link {
-    padding: .5rem;
+    padding: 0.5rem;
   }
 
   @include media-breakpoint-down(md) {
@@ -866,6 +866,20 @@ div.card > div.card-header > div.table-controls {
   border-bottom: 1px solid $nav-tabs-border-color;
 }
 
+// Object hierarchy indicators.
+.record-depth {
+  display: inline;
+  font-size: $font-size-base;
+  user-select: none;
+  opacity: 0.33;
+
+  // Add spacing to the last or only dot.
+  span:only-of-type,
+  span:last-of-type {
+    margin-right: map.get($spacers, 1);
+  }
+}
+
 #django-messages {
   position: fixed;
   right: $spacer;