enhance(ui): alignments for the references items

src/main/frontend/components/block.cljs

@@ -3737,12 +3737,12 @@
                          (:db/id parent))))]
        (if page
          (ui/foldable
-           [:div
+           [:div.with-foldable-page
             (page-cp config page)
             (when alias? [:span.text-sm.font-medium.opacity-50 " Alias"])]
            items
            {:debug-id page})
-         [:div.relative.-left-2 items]))]))
+         [:div.only-page-blocks items]))]))
 
 ;; headers to hiccup
 (defn ->hiccup

src/main/frontend/components/block.css

@@ -834,6 +834,18 @@ html.is-mac {
 
   &-item {
     @apply bg-gray-03 rounded p-4;
+
+    > .only-page-blocks {
+      @apply relative -left-[11px];
+    }
+
+    .with-foldable-page {
+      > .preview-ref-link {
+        .page-ref .ui__icon.ti {
+          @apply top-[2px] left-0;
+        }
+      }
+    }
   }
 
   .page-reference:hover {