chat_modal.html

<div class="modal fade" id="mBuffer-Settings">
    <div class="modal-dialog modal-sm">
        <div class="modal-content" style="max-width:770px;">
            <div class="modal-header">
                <button id="mBuffer-Settings-Close" class="close" data-dismiss="modal">
                    <span>&times;</span>
                </button>

                <h4 class="modal-title" id="mBufferTitle">
                    Chat Settings
                </h4>
            </div>

            <div class="modal-body">
                <h4>Custom Macros</h4>
                <form action="javascript:void(0)" class="form-horizontal">
                    <div class="form-group">
                        <label for="webmMacroCheckbox" class="control-label col-sm-4">
                            <div class="explain-macro">[webm="link"]</div>
                        </label>
                        <div class="col-sm-8">
                            <div class="checkbox">
                                <label for="webmMacroCheckbox">
                                    <input type="checkbox" id="webmMacroCheckbox">
                                        Allow Custom Video Macros
                                    </input>
                                </label>
                            </div>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <label for="imgMacroCheckbox" class="control-label col-sm-4">
                            <div class="explain-macro">[img="link"]</div>
                        </label>
                        <div class="col-sm-8">
                            <div class="checkbox">
                                <label for="imgMacroCheckbox">
                                    <input type="checkbox" id="imgMacroCheckbox">
                                        Allow Custom Image Macros
                                    </input>
                                </label>
                            </div>
                        </div>
                    </div>
                </form>
                
                <h4>Chat Links</h4>
                <form action="javascript:void(0)" class="form-horizontal">
                    <div class="form-group">
                        <div class="col-sm-8 col-sm-offset-4">
                            <input type="checkbox" id="imgHoverCheckbox"> 
                                Image Hover on Image Links
                            </input>
                        </div>
                    </div>
                    
                    <div class="form-group">
                        <div class="col-sm-8 col-sm-offset-4">
                            <input type="checkbox" id="embedVocarooCheckbox"> 
                                Auto Embed Vocaroo Links
                            </input>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>