Ticket #52380: 52380.diff

comments.scss

@@ -2 +2 @@
  * Comments Wrapper
  */
 .comments-area {
-
         > * {
                 margin-top: var(--global--spacing-vertical);
                 margin-bottom: var(--global--spacing-vertical);
@@ -17 +16 @@
         }
 
         &.show-avatars {
-
                 .avatar {
                         border-radius: 50%;
                         position: absolute;
@@ -32 +30 @@
                 .comment-metadata {
                         padding: 8px 0 9px 85px;
                 }
-
         }
 }
 
@@ -51 +48 @@
         justify-content: space-between;
 
         small {
-
                 a {
                         font-family: var(--global--font-secondary);
                         font-size: var(--global--font-size-xs);
@@ -78 +74 @@
                 margin-top: var(--global--spacing-vertical);
                 margin-bottom: var(--global--spacing-vertical);
         }
-
 }
 
 .comment-list .children {
@@ -89 +84 @@
                 margin-top: var(--global--spacing-vertical);
                 margin-bottom: var(--global--spacing-vertical);
         }
-
 }
 
 .comment-list .depth-2,
@@ -103 +97 @@
  * Comment Meta
  */
 .comment-meta {
-
         .comment-author {
                 line-height: var(--global--line-height-heading);
                 margin-bottom: calc(0.25 * var(--global--spacing-unit));
@@ -121 +114 @@
                         word-wrap: break-word;
                         word-break: break-word;
                 }
-
         }
 
         .comment-metadata {
@@ -132 +124 @@
                 .edit-link {
                         margin-left: var(--global--spacing-horizontal);
                 }
-
         }
 
         @include media(mobile) {
@@ -177 +168 @@
         }
 }
 
-.comment-content a {
+.comment-content a,
+.comment-content p {
         word-wrap: break-word;
 }
 
@@ -269 +261 @@
         textarea {
                 display: block;
                 font-size: var(--global--font-size-sm);
-                margin-bottom: calc(.5 * var(--global--spacing-unit));
+                margin-bottom: calc(0.5 * var(--global--spacing-unit));
                 width: 100%;
                 font-weight: var(--form--label-weight);
         }
@@ -279 +271 @@
         }
 
         @include media(mobile) {
-
                 &.comment-form-author {
                         margin-right: calc(1.5 * var(--global--spacing-horizontal));
                 }