Optimise UI for mobile usage

[nelsonic]

Our previous demo app https://hapi-chat.herokuapp.com/ kinda works for mobile, but not mobile-first. I propose that we do it "right" this time...

[melroy89]

This is a very important issue. Try to use Bootstrap framework for your design. Don't reinvent the wheel.

I created a demo: http://bootsnipp.com/user/snippets/BadBN

<div class="container">
    <div class="row">
        <div class="col-xs-10">Type your message: ...</div>
        <div class="col-xs-2">
            <button type="submit" class="btn btn-primary">
            Send <i class="fa fa-paper-plane"></i> 
            </button>
        </div>
    </div>
</div>

I even added a nice fontawesome send icon :open_mouth: !

[nelsonic]

@danger89 looks good. 👍