JSFiddle - React, Tailwind, and code Playground

by Dhanck

HTML

<div class="modal-dialog" style="left: 660px; top: 423px; visibility: visible; position: absolute; overflow: visible;">
    <div class="popupContent">
        <div class="modal-content">
            <div class="modal-header">
                 <h4 class="modal-title"><strong>Manual Schedule Options</strong></h4>

            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="col-md-12 manualSch">
                        <label class="" id="generateTasksId">
                            <input type="radio" name="gwt-uid-313" value="on" tabindex="0" checked=""> <span></span> 
                        </label><span class="">
                            Create a new workflow schedule instance and generate all tasks</span>

                    </div>
                </div>
                <div class="form-group">
                    <div class="col-md-12 manualSch">
                        <label class="" id="generateTasksAndSetRunningId">
                            <input type="radio" name="gwt-uid-313" value="on" tabindex="0"> <span></span> 
                        </label><span class="">
                            Create a new workflow schedule instance, generate all tasks and set it to running</span>

                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="manualSchedulesOkButtonId">Apply</button>
                <button type="button" class="btn btn-default" id="manualSchedulesCancelButtonId">Cancel</button>
            </div>
        </div>
    </div>
</div>

CSS

.manualSch{ 
    height: 30px;
  line-height: 30px;
}

.manualSch .radio-inline {
    margin-top: 6px!important;
    vertical-align: top!important;
    font-size: 14px!important;
}
.modal-dialog {
    left: 150px!important;
    top: 150px!important;
    visibility: visible;
    position: absolute;
    overflow: visible;
}
.modal-dialog {
    font-family: Century Gothic!important;
}
.modal-body {
    min-height:120px;
}

JavaScript

< div class = "form-group" > < div class = "col-md-12" > < label class = ""
id = "generateTasksAndSetRunningId" > < input type = "radio"
name = "gwt-uid-313"
value = "on"
tabindex = "0" > < span > < /span> 
                        </label > < span class = "radio-inline" > Create a new workflow schedule instance, generate all tasks and set it to running < /span>
                    </div > < /div>