[Comment, Feed] Consistency for `threaded` and `connected`

[ghabriel25]

Feature Request

Consistency for .ui.threaded.comments and ui.connected.feeds.

Currently, only feed using ::before to give it line between event.

On the other hand, comment modify its margin and padding to get the same result.

What could be improved:

• comments should be take 100% of container's width
• give more space for .text to breath
• calculated left value of ::before (avatar's width / 2)
• global margin-bottom for .ui.comments .comment
• give .ui.comments .comment > .comments margin-left based on .content margin-left

Example

Before: https://fomantic-ui.com/views/comment.html#comments

After: https://codepen.io/ghabe/pen/ByKbRwR

Screenshots

Before

After (with and without threaded)