Fix iOS: tail, blue partial border, extra attachment space

Turns out that display: inline on the img tag resulted in a mysterious
3px of space added below it.
This commit is contained in:
Scott Nonnenberg 2018-04-13 17:34:53 -07:00
parent feb68b24b4
commit 3bbbf65a6b
No known key found for this signature in database
GPG key ID: 5F82280C35134661
6 changed files with 62 additions and 41 deletions

View file

@ -13,14 +13,16 @@ export class Message extends React.Component<{}, {}> {
<span className="avatar" />
<div className="bubble">
<div className="sender" dir="auto" />
<div className="inner-bubble with-tail">
<div className="attachments" />
<p className="content" dir="auto">
<span className="body">
Hi there. How are you doing? Feeling pretty good? Awesome.
</span>
</p>
</div>
<div className="tail-wrapper with-tail">
<div className="inner-bubble">
<div className="attachments" />
<p className="content" dir="auto">
<span className="body">
Hi there. How are you doing? Feeling pretty good? Awesome.
</span>
</p>
</div>
</div>
<div className="meta">
<span
className="timestamp"