Code review comment for lp:~akshaytayal/loco-team-portal/fixes-616383

When there is a short comment, the table width is not 100%, which looks not very good. To prevent this. add the following code:

HTML, the name, comment-txt and link shoud have the following classes:
class="comment-name"
class="comment-comment"
class="comment-link"

Add this to your css (and remove the old .active - at the bottom):

#team-event-comments {
    width: 100%;
}

.comment {
    font-size: 0.8em;
}

.comment.active {
    background-color: #f7f7f7;
    border-bottom: 1px dotted #DD4814;
    border-top: 1px dotted #DD4814;
    margin: 0;
}

.comment-name {
    width: 0;
    padding-right: 8px;
}

.comment-link {
    padding-left: 8px;
    width: 0px;
}

With these changes, it looks a bit more consistent