Add meaningless close buttons to filters

build/backloggery.css

@@ -828,14 +828,27 @@ width:95%}
    opacity:1} */
 
 .library .filters .item {
-border:2px solid rgba(0,0,0,.5);
-background-color:var(--active-secondary);
-color:var(--active-secondary-text);
+  border:2px solid rgba(0,0,0,.5);
+  background-color:var(--active-secondary);
+  color:var(--active-secondary-text);
+  display: inline-block;
+  font-size: 0.8rem;
 border-radius:.5rem;
 margin:.25rem;
 max-width:8rem;
-opacity:.8;
-padding:.4rem 1rem .5rem}
+  opacity:.8;
+  position: relative;
+  padding:.45rem 2rem .5rem 1rem;
+  white-space: nowrap;
+}
+
+.library .filters .item .filter_clear {
+  border-radius: .5rem;
+  padding: .425rem .5rem .475rem;
+  position: absolute;
+  right: 0;
+  top: 0;
+}
 
 .library .filters .item:hover {
 opacity:1}

sublibrary.py

@@ -112,7 +112,7 @@ def sublibrary(local=False):
                             filewrite.write(variables.localpath + "build/library/all-" + status + "/index.html")
                         else:
                             filewrite.write(variables.serverpath + "library/all-" + status)
-                    filewrite.write("\">1 Platform</a></span>\n")
+                    filewrite.write("\">1 Platform<span class=\"filter_clear\">x</span></a></span>\n")
                 if status != "all":
                     filewrite.write("    <span class=\"item\"><a href=\"")
                     if console["shortname"] == "all":
@@ -125,7 +125,7 @@ def sublibrary(local=False):
                             filewrite.write(variables.localpath + "build/library/" + console["shortname"].lower() + "-all/index.html")
                         else:
                             filewrite.write(variables.serverpath + "library/" + console["shortname"].lower() + "-all")
-                    filewrite.write("\">1 Status</a></span>\n")
+                    filewrite.write("\">1 Status<span class=\"filter_clear\">x</span></a></span>\n")
                 filewrite.write("  </div>\n</div>                <div class=\"unibar\">\n                  <div>\n                    <span>Total Found</span> " + str(gamesort.total(filterlist)) + "\n                  </div>\n")
                 if gamesort.unplayed(filterlist) > 0:
                     filewrite.write("                  <div class=\"unplayed\" style=\"flex: " + str(gamesort.unplayed(filterlist)) + " 1 0%;\">" + str(gamesort.unplayed(filterlist)) + "</div>\n")