Improve Helpscout integration

[grappler]

I have been able to get the basic integration working but I think the design still need a bit of work.

Any help appreciated.

This is how you load a dev chrome extension, https://developer.chrome.com/extensions/getstarted#unpacked

[neverything]

This is pretty cool @grappler, could something like the following be sufficient?

[neverything]

.harvest-timer.styled {
    background-color: #fafafa;
    background-image: linear-gradient(#fff, #eee);
    border: 1px solid #bbb;
    border-radius: 2px;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    padding: 12px 13px;
    width: 12px;
    -webkit-font-smoothing: antialiased;

[swissspidy]

A button that looks more like the others would be nice :-)

[neverything]

So something like this maybe?

<li class="harvest-timer btn-sm styled" data-item="" data-group="" data-account="" data-listening="true">
    <i class="icon-clock-sm"></i>
</li>

.harvest-timer.styled {
    background-color: transparent;
    background-image: transparent;
    /* border: 1px solid #bbb; */
    /* border-radius: 2px; */
    cursor: pointer;
    /* display: inline-block; */
    /* height: 14px; */
    padding: 8px 14px;
    /* width: 12px; */
    /* -webkit-font-smoothing: antialiased; */
    line-height: 1;

[neverything]

Additional icons used by HelpScout: http://style.helpscout.com/icons/scouticons/

[swissspidy]

.icon-clock-sm is nice.