JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://fb.me/react-with-addons-0.12.0.js"></script>

CSS

body {
    background-color: #334958;
    font-size: 15px;
}

.Button {
    font-size: 100%;
    background-color: #749A40;
    border: 1px solid #3D576B;
}

.WorkOrderItem {
    border-radius: 4px;
    background: #FFF;
    padding: 10px;
    box-shadow: 0px 4px 4px 0px #000000;
}

.WorkOrderItem.Card {
    border-radius: 0px 0px 4px 4px;
    border-right: 1px solid #DADADA;
    border-bottom: 1px solid #DADADA;
    border-left: 1px solid #DADADA;
}

.TypeHeader.Card {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: 1px solid #496170;
    background-image: -o-linear-gradient(-89deg, #334958 0%, #273845 100%);
    background-image: -moz-linear-gradient(-89deg, #334958 0%, #273845 100%);
    background-image: -ms-linear-gradient(-89deg, #334958 0%, #273845 100%);    
    background-image: linear-gradient(-179deg, #334958 0%, #273845 100%);
    line-height: 18px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    color: #EEE;
}

.TypeHeader.Card > span div img{
    height: 25px;
    margin: 0px 15px;
    vertical-align: middle;
}

.WorkOrderCardContainer  {
    width: 300px;
    display: inline-block;
    box-sizing: border-box;
}

JavaScript

/** @jsx React.DOM */
var CustomerCardView = React.createClass({displayName: 'CustomerCardView',
    render: function() {
		var address = this.props.Contact.CustomerInformation.PrimaryAddress.split(",");
		return (
			React.createElement("div", null, 
				React.createElement("div", {className: "TypeHeader Card"}, this.props.Contact.Contact.Name), 
				React.createElement("div", {className: "WorkOrderItem Card", style: {"marginTop": "0px"}}, 
					React.createElement("div", null, 
						React.createElement("div", {style: {"marginTop": "10px"}}, 
							React.createElement("div", {className: "IconDiv OSInline"}, 
								React.createElement("span", {className: "fa fa-fw fa-home"})
							), 
							React.createElement("div", {className: "InfoDiv OSInline"}, 
								React.createElement("div", null, address[0]), 
								React.createElement("div", null, address[1]), 
								React.createElement("div", null, address[2])
							)
						), 
						React.createElement("div", {className: "ContactLink OSAutoMarginTop"}, 
							React.createElement("div", null, 
								React.createElement("div", {className: "IconDiv OSInline"}, 
									React.createElement("span", {className: "fa fa-fw fa-phone"})
								), 
								React.createElement("div", {className: "InfoDiv OSInline"}, 
									React.createElement("a", {href: "tel:+{this.props.Contact.Contact.Phone}"}, this.props.Contact.Contact.Phone)
								)
							)
						), 
						React.createElement("div", {className: "ContactLink OSAutoMarginTop"}, 
							React.createElement("div", null, 
								React.createElement("div", {className: "IconDiv OSInline"}, 
									React.createElement("span", {className: "fa fa-fw fa-mobile"})
								), 
								React.createElement("div", {className: "InfoDiv OSInline"}, 
									React.createElement("a", {href: "tel:+{this.props.Contact.Contact.Mobile}"}, this.props.Contact.Contact.Mobile)
								)
							)
						), 
						React.createElement("div", {className: "ContactLink...