fix(ui): alignment of the references & hierarchy container from right sidebar

src/main/frontend/components/container.css

@@ -683,7 +683,7 @@
   }
 
   .references {
-    margin-left: 12px;
+    @apply mx-[28px];
   }
 
   .sidebar-drop-indicator {
@@ -757,6 +757,10 @@
       }
     }
   }
+
+  .page-hierarchy {
+    @apply pl-[28px];
+  }
 }
 
 .cp__sidebar-main-content[data-is-full-width='true'] {

src/main/frontend/ui.cljs

@@ -795,7 +795,7 @@
                 (when-let [f (:init-collapsed (last (:rum/args state)))]
                   (f (::collapsed? state)))
                 state)}
-  [state header content {:keys [title-trigger? on-mouse-down
+  [state header content {:keys [title-trigger? on-mouse-down class
                                 _default-collapsed? _init-collapsed]}]
   (let [collapsed? (get state ::collapsed?)
         on-mouse-down (fn [e]
@@ -804,6 +804,7 @@
                         (when on-mouse-down
                           (on-mouse-down @collapsed?)))]
     [:div.flex.flex-col
+     {:class class}
      (foldable-title {:on-mouse-down on-mouse-down
                       :header header
                       :title-trigger? title-trigger?