JSFiddle - React, Tailwind, and code Playground
by Ryan Brackett
HTML
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//s3-us-west-1.amazonaws.com/clockwisepublic/mustache.js"></script>
<script src="//cdn.pubnub.com/pubnub.min.js" type="text/javascript"></script>
<script src="//maps.googleapis.com/maps/api/js" type="text/javascript"></script>
<script src="//s3-us-west-1.amazonaws.com/clockwisepublic/geoposition.js"></script>
<script src="//s3-us-west-1.amazonaws.com/clockwisepublic/infobox.js"></script>
<script src="//www.clockwisemd.com/groups/REPLACEME.js" type="text/javascript"></script>
<link href="//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,400,600" media="screen" rel="stylesheet" />
<link href="//s3-us-west-1.amazonaws.com/clockwisepublic/clockwise_map.css" media="all" rel="stylesheet" />
<style>
.row-fluid_maps { height:300px; }
#group-hospital-list .margin-group { margin-left: 0; }
</style>
<div class="groups-map" id="map-panel">
<div class="address-box" id="panel">
<div class="row-fluid" style="display:flex;flex-direction:row;">
<input style="flex-grow:10;height:5%;" id="address" placeholder="Current Address" type="text" value="" />
<input style="flex-grow:1;" class="btn btn-primary" id="address-search-btn" onclick="codeAddress()" type="button" value="Search Nearby" />
<input style="flex-grow:1;" class="btn btn-primary" id="current-location-btn" onclick="findPosition()" style="display:none;" type="button" value="Use My Location" />
<input class="btn btn-danger" id="clear-address-btn" onclick="reDrawMap()" style="display:none;flex-grow:1;" type="button" value="Clear Search" />
</div>
</div>
<div class="row-fluid row-fluid_maps">
<div id="map-canvas">
</div>
<div class="directions-panel" id="directionsPanel" style="float:right;height:65%;display:none">
</div>
<div class="directions-clinic-info" id="clinicInfo" style="float:right;height:35%;display:none">
...