Styled facets with different bullets

datasette/static/app.css

@@ -55,7 +55,12 @@ th {
     padding-right: 1em;
     white-space: nowrap;
 }
-
+strong {
+    font-weight: bold;
+}
+em {
+    font-style: italic;
+}
 /* end reset */
 
 
@@ -205,11 +210,13 @@ pre {
 }
 
 ul.bullets,
+ul.tight-bullets,
 ul.spaced,
 ol.spaced {
 	margin-bottom: 0.8rem;
 }
-ul.bullets {
+ul.bullets,
+ul.tight-bullets {
 	padding-left: 1.25rem;
 }
 ul.bullets li,
@@ -220,6 +227,10 @@ ol.spaced li {
 ul.bullets li {
 	list-style-type: circle;
 }
+ul.tight-bullets li {
+    list-style-type: disc;
+    margin-bottom: 0;
+}
 a.not-underlined {
     text-decoration: none;
 }

datasette/templates/table.html

@@ -132,7 +132,7 @@
                         <a href="{{ facet_info.toggle_url }}" class="cross">&#x2716;</a>
                     {% endif %}
                 </p>
-                <ul>
+                <ul class="tight-bullets">
                     {% for facet_value in facet_info.results %}
                         {% if not facet_value.selected %}
                             <li><a href="{{ facet_value.toggle_url }}">{{ (facet_value.label if facet_value.label is not none else "_") }}</a> {{ "{:,}".format(facet_value.count) }}</li>