diff --git a/src/program/templates/schedule_base.html b/src/program/templates/schedule_base.html
index c0f74cc5..e9fa8f63 100644
--- a/src/program/templates/schedule_base.html
+++ b/src/program/templates/schedule_base.html
@@ -30,10 +30,21 @@
{% for type in camp.event_types %}
{{ type.name }}
+ checked />
+
+
+
+
+
{% endfor %}
@@ -45,10 +56,22 @@
{% for location in camp.event_locations %}
{{ location.name }}
+ checked />
+
+
+
+
+
{% endfor %}
diff --git a/src/static_src/css/bornhack.css b/src/static_src/css/bornhack.css
index adafdf42..6e4b73ac 100644
--- a/src/static_src/css/bornhack.css
+++ b/src/static_src/css/bornhack.css
@@ -232,3 +232,32 @@ footer {
display: flex;
flex-wrap: wrap;
}
+
+.form-group input[type="checkbox"] {
+ display: none;
+ }
+
+.form-group input[type="checkbox"] + .btn-group > label span {
+ width: 20px;
+}
+
+.form-group input[type="checkbox"] + .btn-group > label i:first-child {
+ display: none;
+}
+.form-group input[type="checkbox"] + .btn-group > label i:last-child {
+ display: inline-block;
+}
+
+.form-group input[type="checkbox"]:checked + .btn-group > label i:first-child {
+ display: inline-block;
+}
+.form-group input[type="checkbox"]:checked + .btn-group > label i:last-child {
+ display: none;
+}
+.form-group input[type="checkbox"]:checked + .btn-group > label {
+ color: #333;
+ background-color: #e6e6e6;
+ border-color: #adadad;
+ -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+ box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
+}