feat: optimize comment box style (#548)

comments.php

@@ -21,11 +21,12 @@ if (comments_open()) { ?>
 		<div class="list">
 			<?php wp_list_comments('type=comment&callback=comment_callbacks'); ?>
 		</div>
-		<div id="commentpage" class="nav text-center my-3">
-			<?php previous_comments_link(__('加载更多', 'kratos')); ?>
+		<div id="commentpage" class="nav text-center my-2">
+			<?php previous_comments_link(__('<span>上一页</span>', 'kratos'));?>
+			<?php next_comments_link(__('<span>下一页</span>', 'kratos'));?>
 		</div>
 		<div id="respond" class="comment-respond mt-2">
-			<?php if (!comments_open()) : elseif (get_option('comment_registration') && !is_user_logged_in()) : ?>
+			<?php if (get_option('comment_registration') && !is_user_logged_in()) : ?>
 				<div class="error text-center">
 					<?php printf(__('您需要 <a href="%s">登录</a> 之后才可以评论', 'kratos'), wp_login_url(get_permalink())); ?>
 				</div>
@@ -72,6 +73,7 @@ if (comments_open()) { ?>
 									</div>
 								</div>
 								<div class="float-right">
+									<?php comment_form_title(''); ?>
 									<?php cancel_comment_reply_link(__('取消回复', 'kratos')); ?>
 									<input name="submit" type="submit" id="submit" class="btn btn-primary" value="<?php _e('提交评论', 'kratos'); ?>">
 								</div>

style.css

@@ -1811,14 +1811,12 @@ ol {
 
 #commentpage a {
 	display: inline-block;
-	width: 144px;
-	height: 37px;
-	border: none;
-	border-radius: 2px;
+	width: 100px;
+	height: 32px;
+	border-radius: 3px;
 	background-color: #00a2ff;
 	color: #fff;
-	font-size: 15px;
-	line-height: 2.4;
+	font-size: 14px;
 	transition: all 0.15s ease-in-out;
 	-webkit-user-select: none;
 	-moz-user-select: none;
@@ -1826,6 +1824,10 @@ ol {
 	user-select: none;
 }
 
+#commentpage a span {
+	vertical-align: middle;
+}
+
 @media screen and (max-width: 768px) {
 	.k-main .details .comments .comment-form-author {
 		padding-right: 15px;
@@ -2546,4 +2548,4 @@ ol {
 	.k-footer .social a .kicon {
 		font-size: 38px;
 	}
-}
+}