JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.1/css/bootstrap.min.css">
<div class="row">
    <div class="span8 media top-buffer">
        <div class="row">
            <p class="media-object pull-left span2">
                <img class="img-polaroid" src="http://gamma-component.com.ua/assets/images/160x120.gif">
            </p>
            <div class="media-body span6">
                 <h3 class="media-heading">Short Name<i class="icon-circle addToFoo-yes-org"></i> <button class="addToFoo-org btn btn-flat pull-right"><i class="icon-plus-sign"></i> Add to My Foo</button><br />
                </h3>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
        </div>
    </div>
</div>
    <div class="row">
    <div class="span8 media top-buffer">
        <div class="row">
            <p class="media-object pull-left span2">
                <img class="img-polaroid" src="http://gamma-component.com.ua/assets/images/160x120.gif">
            </p>
            <div class="media-body span6">
                 <h3 class="media-heading">Long Name Long Name Long Name<i class="icon-circle addToFoo-yes-org"></i> <button class="addToKyn-org btn btn-flat pull-right"><i class="icon-plus-sign"></i> Add to My Foo</button><br />
                </h3>

                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
        </div>
    </div>
</div>

CSS

.top-buffer {
    margin-top:50px;
}
.addToFoo {
    padding-left: 1px;
    font-size: 50%;
    color: #f15755;
}
i[class*='addToFoo-yes-'], {
    visibility: hidden;
    padding-left: 1px;
    font-size: 50%;
    color: #f15755;
}