diff --git a/stroll.html b/stroll.html
index 41e0423..f3545ba 100644
--- a/stroll.html
+++ b/stroll.html
@@ -299,24 +299,22 @@
@@ -324,20 +322,20 @@
-
+
-
+
-
+
-
+
@@ -346,12 +344,12 @@
+
-
+
-
diff --git a/style.css b/style.css
index 5a7fd26..5a53f40 100644
--- a/style.css
+++ b/style.css
@@ -299,9 +299,25 @@ body.dark input[type="checkbox"]:checked+
width: 500px;
}
-.flex-outer label,
-.flex-outer > div > div > li > label {
- flex: 0 0 200px;
+.flex-outer label {
+ flex: 1 1 200px;
+}
+
+.flex-outer input[type="radio"],
+.flex-outer input[type="checkbox"] {
+ display: none;
+}
+
+.flex-outer input[type="radio"] + label:not(.custom-header),
+.flex-outer input[type="checkbox"] + label:not(.custom-header) {
+ color: #888;
+ background: #311;
+}
+
+.flex-outer input[type="radio"]:checked + label:not(.custom-header),
+.flex-outer input[type="checkbox"]:checked + label:not(.custom-header) {
+ color: #fff;
+ background: #131;
}
.flex-outer > li > label + *,