From 2e1d34ba55b7752d0830c7b2f57a2877a4a0cb7c Mon Sep 17 00:00:00 2001
From: XPoet <i@xpoet.cn>
Date: Mon, 25 Jan 2021 10:37:39 +0800
Subject: [PATCH] style: optimize comments area

---
 layout/_partial/comment/comment.ejs             | 3 ++-
 source/css/layout/_partial/comment/comment.styl | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/layout/_partial/comment/comment.ejs b/layout/_partial/comment/comment.ejs
index 6298bb3..8a08cc2 100644
--- a/layout/_partial/comment/comment.ejs
+++ b/layout/_partial/comment/comment.ejs
@@ -1,5 +1,6 @@
 <div class="comments-container">
-    <div id="comment-anchor">
+    <div id="comment-anchor"></div>
+    <div class="comment-area-title">
         <i class="fas fa-comments">&nbsp;<%- __('comments') %></i>
     </div>
     <% if (theme.comment.valine.enable === true) { %>
diff --git a/source/css/layout/_partial/comment/comment.styl b/source/css/layout/_partial/comment/comment.styl
index d05538d..e25dc1e 100644
--- a/source/css/layout/_partial/comment/comment.styl
+++ b/source/css/layout/_partial/comment/comment.styl
@@ -15,6 +15,11 @@ if (hexo-config('comment.valine.enable')) {
   width: 100%;
 
   #comment-anchor {
+    width: 100%;
+    height: 10px;
+  }
+
+  .comment-area-title {
     width: 100%;
     margin: 10px 0;
     font-size: 1.38rem;
@@ -29,4 +34,5 @@ if (hexo-config('comment.valine.enable')) {
       font-size: 1.2rem;
     }
   }
+
 }