From 71aaae6dcd4f99d3e017a42e260cbd4309251bec Mon Sep 17 00:00:00 2001
From: Eltrac <45323514+BigCoke233@users.noreply.github.com>
Date: Sat, 24 Aug 2019 17:22:47 +0800
Subject: =?UTF-8?q?Perf:=20=E5=AD=90=E8=AF=84=E8=AE=BA=E5=B7=A6=E4=BE=A7?=
 =?UTF-8?q?=E5=AF=B9=E9=BD=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 assets/css/main/comment.css      | 22 +++++++++++++++++-----
 assets/css/main/miracles.min.css | 12 ++++--------
 2 files changed, 21 insertions(+), 13 deletions(-)

(limited to 'assets')

diff --git a/assets/css/main/comment.css b/assets/css/main/comment.css
index a4f0776..b1f44be 100644
--- a/assets/css/main/comment.css
+++ b/assets/css/main/comment.css
@@ -29,7 +29,11 @@
 .comment-body {
 	margin: 28px 0;
 	padding: 0;
-	position: relative
+	position: relative;
+}
+.comment-body-inner {
+	display: flex;
+	flex-wrap: nowrap;
 }
 .comment-main,
 .comment-author-avatar {
@@ -67,6 +71,7 @@
 }
 .comment-meta {
 	font-size: 17px;
+	margin-left: 25px!important;
 }
 .comment-author {
 	font-size: 0.8em;
@@ -86,6 +91,7 @@
 	padding-top: -3px;
 	border-radius: 4px;
 	min-width: 10px!important;
+	margin-left: 25px;
 }
 .bubble.comment-content:before {
     border-right-color: rgb(238,238,238);
@@ -96,16 +102,16 @@
 	-moz-box-shadow: 0 0 0 #fff;
 	-webkit-box-shadow: 0 0 0 #fff;
 }
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content {
+.comment-by-author > .comment-main > .bubble.comment-content {
 	background: var(--theme-color)
 }
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content p {
+.comment-by-author > .comment-main > .bubble.comment-content p {
 	color: #fff!important;
 }
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content:before {
+.comment-by-author > .comment-main > .bubble.comment-content:before {
 	border-right-color: var(--theme-color)
 }
-.comment-by-author > .container-fluid > .row > .comment-main > .bubble.comment-content > .comment-reply a {
+.comment-by-author > .row > .comment-main > .bubble.comment-content > .comment-reply a {
 	color:#fff!important;
 }
 .comment-reply a {
@@ -182,6 +188,12 @@
 .comment-pagenav-icon {
 	margin: 0 -3px;
 }
+.comment-children {
+	margin-left: 30px
+}
+.comment-children .comment-children {
+	margin-left: 0!important
+}
 
 /* OwO */
 .owo-img {
diff --git a/assets/css/main/miracles.min.css b/assets/css/main/miracles.min.css
index ce71045..78f7537 100644
--- a/assets/css/main/miracles.min.css
+++ b/assets/css/main/miracles.min.css
@@ -180,6 +180,9 @@
 	.links-container {
 	    padding: 10px;
     }
+	.comment-children {
+		margin-left: 80px;
+	}
 }
 /* Desktop and up */
 @media (min-width:992px) {
@@ -216,9 +219,6 @@
 		margin: 10px 80px
 	}
 
-	.comment-children,.comment-children li,.comment-children li>li {
-		margin: 5px -40px
-	}
 
 	.post-title {
 		margin: 30px 0;
@@ -319,11 +319,7 @@
 	.index-content {
 		margin: 10px 100px
 	}
-
-	.comment-children,.comment-children li,.comment-children li>li {
-		margin: 15px -35px
-	}
-
+	
 	.post-title {
 		margin: 30px 0;
 		margin-bottom: 25px
-- 
cgit v1.2.3