1 files changed, 38 insertions, 9 deletions

diff --git a/src/SMAPI.Web/wwwroot/Content/css/mods.css b/src/SMAPI.Web/wwwroot/Content/css/mods.css
index 9f82e3e6..730bfc2e 100644
--- a/src/SMAPI.Web/wwwroot/Content/css/mods.css
+++ b/src/SMAPI.Web/wwwroot/Content/css/mods.css
@@ -18,7 +18,6 @@
 table.wikitable {
     background-color:#f8f9fa;
     color:#222;
-    margin:1em 0;
     border:1px solid #a2a9b1;
     border-collapse:collapse
 }
@@ -40,10 +39,40 @@ table.wikitable > caption {
     font-weight:bold
 }
 
-#show-fields-option {
+#options {
+    margin-bottom: 1em;
+}
+
+#options #filter-area {
     opacity: 0.7;
 }
 
+#options #filters {
+    margin-left: 2em;
+    padding-left: 0.5em;
+    border-left: 2px solid gray;
+}
+
+#options #filters span {
+    padding: 2px;
+    margin: 2px;
+    display: inline-block;
+    border-radius: 3px;
+    color: #000;
+    border-color: #880000;
+    background-color: #fcc;
+    font-size: 0.9em;
+}
+
+#options #filters span.active {
+    background: #cfc;
+}
+
+#mod-count {
+    font-size: 0.8em;
+    opacity: 0.5;
+}
+
 #mod-list {
     font-size: 0.9em;
 }
@@ -79,22 +108,22 @@ table.wikitable > caption {
     display: block;
 }
 
-#mod-list tr[data-status="Ok"],
-#mod-list tr[data-status="Optional"] {
+#mod-list tr[data-status="ok"],
+#mod-list tr[data-status="optional"] {
     background: #BFB;
 }
 
-#mod-list tr[data-status="Workaround"],
-#mod-list tr[data-status="Unofficial"] {
+#mod-list tr[data-status="workaround"],
+#mod-list tr[data-status="unofficial"] {
     background: #FFFEC6;
 }
 
-#mod-list tr[data-status="Broken"] {
+#mod-list tr[data-status="broken"] {
     background: #FBB;
 }
 
-#mod-list tr[data-status="Obsolete"],
-#mod-list tr[data-status="Abandoned"] {
+#mod-list tr[data-status="obsolete"],
+#mod-list tr[data-status="abandoned"] {
     background: #BBB;
     opacity: 0.7;
 }