fix(frontend): align article list metadata and pagination

assets/css/frontend/post-card.css

@@ -24,6 +24,33 @@
   transition: 0.2s;
 }
 
+.posts-item.flex,
+.posts-item .flex,
+.posts-mini .flex {
+  display: flex;
+}
+
+.posts-item .flex.xx,
+.posts-mini .flex.xx {
+  flex-direction: column;
+}
+
+.posts-item .flex.ac,
+.posts-mini .flex.ac {
+  align-items: center;
+}
+
+.posts-item .flex.jsb,
+.posts-mini .flex.jsb {
+  justify-content: space-between;
+}
+
+.posts-item .flex1,
+.posts-mini .flex1 {
+  flex: 1;
+  overflow: hidden;
+}
+
 .posts-item .post-graphic:not(.order1) {
   margin-right: 20px;
 }
@@ -157,10 +184,12 @@
 
 .posts-item .item-meta svg.icon,
 .posts-mini .item-meta svg.icon {
+  display: inline-block;
   width: 1em;
   height: 1em;
-  margin-right: 3px;
+  margin-right: 2px;
   fill: currentColor;
+  overflow: hidden;
   vertical-align: -0.15em;
 }
 

assets/js/core/ajax-list.js

@@ -358,8 +358,8 @@
     if (!link) return;
     // Ignore if inside a component that opts out.
     if (link.closest("[data-aksrt-ajax-list='off']")) return;
-    // Native pagination core may own .aksrt-pagination-ajax buttons.
-    if (link.closest(".aksrt-pagination-ajax") && !link.classList.contains("ajax-next")) return;
+    // The canonical pagination engine exclusively owns these controls.
+    if (link.closest("[data-aksrt-pagination], .aksrt-comment-pagination")) return;
 
     var href = link.getAttribute("href") || link.getAttribute("ajax-href") || link.getAttribute("data-aksrt-ajax-url");
     if (!href && !link.getAttribute("data-aksrt-ajax-url")) return;