Fix show-more being displayed over chat messages

[nomadturk]

As per erming/shout#568:

With this PR I tried fixing #366 by changing it's position to relative.
It wasn't a pretty sight to see "Show more" bar on existing chat
messages.

With this fix Show More button no more will overlap with the underneath
text.
As in:

Result will be like:

This fix also includes @xPaw 's contribution as well.
PS: I mistakenly added another commit to this PR and removed it later.
See #88 for the next one.

[xPaw]

You've re-created the PR, but missed the discussion. Your fix should work as well if you remove position completely.

Also you forgot to move over the changes that remove the no longer necessary padding and margins.

[astorije]

Linking to #87 for discussion purposes.

[astorije]

@xPaw, do you want to take ownership of this one?

[nomadturk]

My bad, I totally forgot it after trying to rebase a few times. ^^

Removed padding related css entries as well.

[xPaw]

So you've created a new PR over the last one, but it includes exact same changes. Have you tested by removing position declaration completely?

[nomadturk]

Yes,

Over chrome, the results were the same with position removed as well. But I didn't have chance to test it on different browsers other than Chrome and Firefox.

Well, not exactly the same. The last PR had some extra commits I included by mistake so I had to cancel that one. That's the reason I opened a new one, due to my incompetency (:

About position do you want it gone or just changed to relative?
The results won't differ much to my eyes.

[xPaw]

Removing it should be fine.

And you don't need to make a new PR to fix your mistakes, check this out http://gitready.com/advanced/2009/02/10/squashing-commits-with-rebase.html