🏗️ Finish post tags widget coding.

assets/css/_common/components/post/post-footer.scss

@@ -5,6 +5,25 @@
 // See https://caniuse.com/flexbox-gap
 .post-footer {
   @include flex-column();
+
+  hr{
+  text-align:center;
+  line-height:0px;
+  height: 0px;
+  background-image: none;
+  border-bottom: .125em dashed #999;
+  margin: 24px 0;
+
+  &:after{
+    content: $post_end_line_tip;
+    font-size: .9em;
+    font-weight: bold;
+    background: #fff;
+    padding: 0 5px;
+    z-index:2;
+  }
+}
+
 }
 
 .post-eof {
@@ -47,13 +66,23 @@
 }
 
 .post-tags {
-  margin-top: 40px;
+  margin-bottom: 20px;
   text-align: center;
 
   a {
     display: inline-block;
     font-size: $font-size-smaller;
 
+    &:before {
+      @if $post_end_tag_icon {
+        content: "🔖";
+        font-size: 1.25em;
+      } 
+      @else {
+        content: "#";
+      }
+    }
+
     &:not(:last-child) {
       margin-right: 10px;
     }

assets/css/_common/components/post/post-reward.scss

@@ -1,6 +1,6 @@
 .reward-container {
   margin: $post-card-margin;
-  padding: 1em 0;
+  /* padding: 1em 0; */
   text-align: center;
 
   div>i {

assets/css/main.scss

@@ -78,6 +78,8 @@ $motion_trans_post_header: {{ $P.motion.transition.postHeader }};
 $post_edit_enable: {{ $P.postEdit.enable }};
 $post_meta_item_text: {{ $P.postMeta.itemText }};
 $reward_settings_animation: {{ $P.rewardSets.animation }};
+$post_end_line_tip: "{{ $P.postFooter.endLineTip }}";
+$post_end_tag_icon: {{ $P.postFooter.tagIcon }};
 
 // TODO find the paramters
 $text_align_desktop: justify;