Rounded rich-text comments

customize.dist/src/less2/include/comments.less

@@ -98,6 +98,8 @@
         background-color: @cp_comments-bg;
         position: relative;
         padding: 5px;
+        border-top-left-radius: @variables_radius;
+        border-top-right-radius: @variables_radius;
         box-sizing: content-box;
         .avatar_main(40px);
         .cp-comment-metadata {
@@ -114,8 +116,8 @@
             cursor: pointer;
             outline: none;
             position: absolute;
-            right: 0;
+            right: 5px;
-            top: 0;
+            top: 5px;
             width: 20px;
             height: 20px;
             text-align: center;
@@ -128,6 +130,8 @@
     .cp-comment-content {
         background-color: @cp_comments-bg;
         padding: 0px 5px 5px 5px;
+        border-bottom-left-radius: @variables_radius;
+        border-bottom-right-radius: @variables_radius;
         white-space: pre-wrap;
         word-break: break-word;
     }
@@ -150,6 +154,7 @@
     }
     .cp-comment-active {
         background-color: rgba(0,0,0,0.2);
+        border-radius: @variables_radius;
         .cp-comment-actions {
             display: block;
         }