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
--
https://code.launchpad.net/~akshaytayal/loco-directory/fixes-616383/+merge/54246
Your team loco-directory-dev is requested to review the proposed merge of
lp:~akshaytayal/loco-directory/fixes-616383 into lp:loco-directory.
_______________________________________________
Mailing list: https://launchpad.net/~loco-directory-dev
Post to : [email protected]
Unsubscribe : https://launchpad.net/~loco-directory-dev
More help : https://help.launchpad.net/ListHelp
