From fe5e813f068abd2ee63994b2baf530c7abe34de1 Mon Sep 17 00:00:00 2001
From: Simon Willison <swillison@gmail.com>
Date: Tue, 27 Oct 2020 11:57:34 -0700
Subject: [PATCH] Styled facets with different bullets

---
 datasette/static/app.css       | 15 +++++++++++++--
 datasette/templates/table.html |  2 +-
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/datasette/static/app.css b/datasette/static/app.css
index dff882af..2dfc6b15 100644
--- a/datasette/static/app.css
+++ b/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;
 }
diff --git a/datasette/templates/table.html b/datasette/templates/table.html
index 3f8c2fee..bc8cfc0a 100644
--- a/datasette/templates/table.html
+++ b/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>