fix: display icon in node reference

Unless it's a normal page or block without any tag.

src/main/frontend/components/block.css

@@ -85,7 +85,13 @@
   @apply justify-between items-center;
 }
 
+.page-ref {
+    @apply inline-flex items-center;
+}
+
 .breadcrumb {
+  @apply flex flex-row items-center;
+
   .asset-container > img {
     height: 18px;
     width: unset !important;
@@ -98,11 +104,6 @@
   }
 
   &.block-parents {
-    .ui__icon {
-      position: relative;
-      top: 4px;
-    }
-
     a {
       color: var(--ls-primary-text-color);
 
@@ -111,10 +112,6 @@
       }
     }
   }
-
-  .page-ref {
-    @apply inline-flex items-baseline;
-  }
 }
 
 .open-block-ref-link {
@@ -349,7 +346,7 @@
 }
 
 .page-reference {
-  @apply rounded transition-[background];
+  @apply inline-flex items-center rounded transition-[background];
 
   .bracket {
     @apply opacity-30;
@@ -361,16 +358,11 @@
 }
 
 .page-ref {
-  @apply inline;
   color: var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary)/.8)));
 
   &:hover {
     color: var(--lx-accent-11, var(--ls-link-text-color, hsl(var(--primary))));
   }
-
-  .ui__icon.ti {
-    @apply relative top-[3px] left-0;
-  }
 }
 
 .asset-ref {
@@ -937,7 +929,7 @@ html.is-mac {
   height: 38px;
 }
 
-.ls-page-title .positioned-properties svg {
+.ls-page-title .positioned-properties svg, .page-ref svg {
   width: 16px;
   height: 16px;
 }