Bootstrap New Grade Stuff

by Steve Coffman

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<div class="alert alert-success margin-top-20" th:if="${success != null}" th:text="${success}"></div>
<div class="row">
    <div th:include="clerkship/fragments/student-enrollment-information :: studentInformation"></div>
    <div class="col-sm-6">
        <button type="button" class="btn btn-primary btn-xs print-modal-button invisible print-hidden pull-right"><i class="fa fa-print"></i> Print</button>
    </div>
</div>
<div class="clearfix"></div>
<form id="grade-form" class="modal-form" action="?" method="post" th:object="${finalGrade}">





    <div class="panel-group" id="accordion">
        <div class="panel panel-default">
            <div class="panel-heading">
                 <h4 class="panel-title">
        <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
          <span>Evaluator Comments</span>
        </a>
      </h4>

            </div>
            <div id="collapseOne" class="panel-collapse collapse">
                <div class="panel-body">
                    <div class="panel panel-primary" th:each="area : ${evaluationReport.getDisplayOrderedReportAreaGroups()}">
                        <div class="panel-heading">
                             <h3 class="panel-title" th:text="${area.reportAreaName}">Patient Care</h3>

                        </div>
                        <table class="table table-horizontal-bordered">
                            <thead>
                                <tr>
                                    <th>Evaluator</th>
                                    <th>Date</th>
                                    <th class="width-100-percent">Comment</th>
                                </tr>
                            </thead>
     ...

CSS

.col-sm-3 {
    border: 1px solid #000;
}
.padding-top-5 {
    padding-top: 5px;
}