Total Bounty: $10
Align language / time section so they are all aligned to the bottom like the ones on the right
Bounties
![]() |
mareiska 03/28/2016 | $10 |
 .
related to #143
Coderbounty posted: http://coderbounty.com/issue/62
Address this in new design. Remove bounty...
Just took a look at this, new to the site so thought I'd see what's what... It occurs to me no matter how you do it with this current fixed format you'll always get overlapping or missing content (overflowing a div...) I tried to play with the CSS a little, solutions I came up with (as simple as possible) 1. Move code language logo to side-info div: https://vgy.me/dnLxil.png 2. Edit posted class CSS: ``` position: absolute; bottom: 0; ``` (also, replaced the space in between posted and views UL's to a break, as I feel these elements don't look right together, as if the posted or views is too long it causes wrapping.) https://vgy.me/pofHWf.png Not really a solution, here's an example of the wrapping issue caused: https://vgy.me/aSSBpd.png I targeted it by adding a class to the p elements with this css: ``` overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-height: 100%; word-break: break-word; ``` This also fixes the use of ReallyLongWordsOrURLsThatWillNotWrapAround due to the use of word-break. Example: https://vgy.me/F3GnlC.png
Looks good, thank you! Feel free to submit a pull request and I'll merge it.
still getting some overflow here: 
also would be good if the title "#109 | coderbounty" could be on one line.
I've addressed this issue in another issue post at #213