Nice checkbox

calendar/css/custom.css

@@ -57,3 +57,6 @@ input:invalid, textarea:invalid, select:invalid {
 .hl {
 	color:#bce8f1;
 }
+.nobold {
+	font-weight:normal !important;
+}

calendar/index.html

@@ -49,10 +49,14 @@
 							<img src="images/appointment-new.png" alt=""> Create appointment
 						</a>
 					</div>
-					<label for="showPastAppointments">
+					<div class="input-group">
-						<input type="checkbox" id="showPastAppointments" onclick="getListItems()">
+						<span class="input-group-addon">
-						Show appointments from the past
+							<input type="checkbox" id="showPastAppointments" onclick="getListItems()">
-					</label>
+						</span>
+						<label for="showPastAppointments" class="form-control nobold">
+							Show past
+						</label>
+					</div>
 					<h4>Categories:</h4>
 					<div class="list-group" id="categoryList"></div>
 					<form method="get" action="javascript:createNewCategory()" id="createCategory">