.comment-list {
  list-style-type: none;
  padding: 0px;
  margin: 2px;
}

.comment {
  list-style-type: none;
  position: relative;
  margin: 1px;
  margin-bottom: 6px;
}

.next::before {
content: "";
position: absolute;
top: 0;
left: -30px;
width: 2px;
height: 100%;
background-color: #ddd;
}

.next::after {
content: "";
position: absolute;
top: 50%;
left: -24px;
width: 25px;
border-top: 1px solid #ddd;
}

.comment .avatar {
  margin-right: -20px;
  float: left;
  position:relative;
  right:23px;
  top:10px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.comment .content {
  overflow: hidden;
  padding-top: 3px;
  border-radius: 5px;
}


.comment .nested-comments {
  margin-left: px;
}

.comment .nested-comments .comment {
  margin-left: 2px;
  border-radius: 5px;
  padding: 0px;
}



.comment .comment-content {
  padding: 1px;
  border-radius: 5px;
  margin-left: 7px;
}

.comment .author {
  font-weight: bold;
  font-size: 11px;
}

.comment .text {
  font-size: 13px;
  margin-top:-3px;
  margin-bottom:-3px;
}

.comment .additional-info {
  color: #888;
  font-size: 11px;
}