* ajusted style of comment view and rebuilt zui.

dist/css/zui.css

@@ -7400,12 +7400,30 @@ body.article-content {
   border-right: none;
 }
 .comments > header {
-  padding-bottom: 10px;
   border-bottom: 1px solid #e5e5e5;
 }
+.comments > header > .alert {
+  padding: 7.5px 15px;
+  margin-bottom: -10px;
+}
+.comments > header h1,
+.comments > header h2,
+.comments > header h3 {
+  margin: 30px 0 20px;
+}
 .comments > footer {
   padding-top: 10px;
 }
+.comments > footer > .reply-form > .avatar {
+  display: block;
+  float: left;
+  width: 40px;
+  height: 40px;
+  margin-top: 10px;
+}
+.comments > footer > .reply-form > .avatar + .form {
+  padding-left: 50px;
+}
 .comment {
   padding: 10px 0;
   border-bottom: 1px solid #e5e5e5;

dist/css/zui.lite.css

@@ -6050,12 +6050,30 @@ body.article-content {
   border-right: none;
 }
 .comments > header {
-  padding-bottom: 10px;
   border-bottom: 1px solid #e5e5e5;
 }
+.comments > header > .alert {
+  padding: 7.5px 15px;
+  margin-bottom: -10px;
+}
+.comments > header h1,
+.comments > header h2,
+.comments > header h3 {
+  margin: 30px 0 20px;
+}
 .comments > footer {
   padding-top: 10px;
 }
+.comments > footer > .reply-form > .avatar {
+  display: block;
+  float: left;
+  width: 40px;
+  height: 40px;
+  margin-top: 10px;
+}
+.comments > footer > .reply-form > .avatar + .form {
+  padding-left: 50px;
+}
 .comment {
   padding: 10px 0;
   border-bottom: 1px solid #e5e5e5;

docs/css/zui.css

@@ -7400,12 +7400,30 @@ body.article-content {
   border-right: none;
 }
 .comments > header {
-  padding-bottom: 10px;
   border-bottom: 1px solid #e5e5e5;
 }
+.comments > header > .alert {
+  padding: 7.5px 15px;
+  margin-bottom: -10px;
+}
+.comments > header h1,
+.comments > header h2,
+.comments > header h3 {
+  margin: 30px 0 20px;
+}
 .comments > footer {
   padding-top: 10px;
 }
+.comments > footer > .reply-form > .avatar {
+  display: block;
+  float: left;
+  width: 40px;
+  height: 40px;
+  margin-top: 10px;
+}
+.comments > footer > .reply-form > .avatar + .form {
+  padding-left: 50px;
+}
 .comment {
   padding: 10px 0;
   border-bottom: 1px solid #e5e5e5;

src/less/views/comment.less

@@ -2,34 +2,39 @@
 {
   > header
   {
-    padding-bottom: 10px;
+    // padding-bottom: 10px;
     border-bottom: 1px solid @color-gray-lighter;
 
-    // > .alert
-    // {
-    //   padding: @alert-padding/2 @alert-padding;
-    //   margin-bottom: -10px;
-    // }
+    > .alert
+    {
+      padding: @alert-padding/2 @alert-padding;
+      margin-bottom: -10px;
+    }
+    //
+    h1, h2, h3
+    {
+        margin: 30px 0 20px;
+    }
   }
 
   > footer
   {
     padding-top: 10px;
-    // > .reply-form
-    // {
-    //   > .avatar
-    //   {
-    //     display: block;
-    //     width: 40px;
-    //     height: 40px;
-    //     float: left;
-    //     margin-top: 10px;
-    //   }
-    //   > .avatar + .form
-    //   {
-    //     padding-left: 50px;
-    //   }
-    // }
+    > .reply-form
+    {
+      > .avatar
+      {
+        display: block;
+        width: 40px;
+        height: 40px;
+        float: left;
+        margin-top: 10px;
+      }
+      > .avatar + .form
+      {
+        padding-left: 50px;
+      }
+    }
   }
 }