<style>
#map {
    max-height: 35%;
}
</style>

<div class="container">
    <div class="row">
        <label for="location-email" class="col-sm-3 col-form-label">Email</label>
        <div class="col-sm-9" id="location-email">
            {{ location.email }}
        </div>
    </div>
    <div class="row">
        <label for="location-description" class="col-sm-3 col-form-label">Location description</label>
        <div class="col-sm-3">
            {{ location.description }}
        </div>
    </div>
    <div class="row">
        <div class="col-auto">
            <a href="https://twitter.com/intent/tweet?url={{ url_for('index', id=location.id, _external=True) | urlencode }}&text={{ "Check out this super special location!" | urlencode }}" class="btn btn-primary">Tweet location</a>
        </div>
    </div>
</div>