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;
 }