From 77a7816cab2763e94d86162a79113e23db587fa1 Mon Sep 17 00:00:00 2001
From: Ophir LOJKINE <contact@ophir.dev>
Date: Thu, 24 Dec 2020 11:57:50 +0100
Subject: [PATCH 1/3] Improve the display of facets information

---
 datasette/static/app.css | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/datasette/static/app.css b/datasette/static/app.css
index 9e498ab9..c9f580c0 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -258,7 +258,6 @@ ul.bullets li {
 	list-style-type: circle;
 }
 ul.tight-bullets li {
-    list-style-type: disc;
     margin-bottom: 0;
 }
 a.not-underlined {
@@ -615,21 +614,41 @@ form button[type=button] {
 
 
 
+.facet-info-name {
+    text-align: center;
+    font-family: Helvetica, sans-serif;
+    font-size: 1.2em;
+    letter-spacing: 1px;
+}
 
 .facet-results {
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
+    justify-content: space-around;
 }
 .facet-info {
-    width: 250px;
+    width: auto;
     margin-right: 15px;
+    border: 0px solid #8872;
+    padding: 10px;
 }
 .facet-info li,
 .facet-info ul {
     margin: 0;
     padding: 0;
+    padding-bottom: 3px;
+    padding-top: 3px;
 }
+
+.facet-info li {
+   border-bottom: 1px solid #8872;
+}
+
+.facet-info li:hover {
+   background: #8872;
+}
+
 .facet-info ul {
     padding-left: 1.25em;
     margin-bottom: 1em;

From 0d441f1866033e9b0c74d1a4de342a8d6ee7bd69 Mon Sep 17 00:00:00 2001
From: Ophir LOJKINE <contact@ophir.dev>
Date: Thu, 24 Dec 2020 12:14:20 +0100
Subject: [PATCH 2/3] align names and number

---
 datasette/static/app.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/datasette/static/app.css b/datasette/static/app.css
index c9f580c0..fa32c034 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -643,6 +643,9 @@ form button[type=button] {
 
 .facet-info li {
    border-bottom: 1px solid #8872;
+   display: flex;
+   justify-content: space-between;
+   gap: 1em;
 }
 
 .facet-info li:hover {

From c820abd0bcb34d1ea5a03be64a2158ae7c42920c Mon Sep 17 00:00:00 2001
From: Ophir LOJKINE <contact@ophir.dev>
Date: Thu, 24 Dec 2020 12:24:10 +0100
Subject: [PATCH 3/3] Fix low contrast on hovered links

---
 datasette/static/app.css | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/datasette/static/app.css b/datasette/static/app.css
index fa32c034..e6a51e13 100644
--- a/datasette/static/app.css
+++ b/datasette/static/app.css
@@ -204,14 +204,15 @@ a:link {
 	text-decoration: underline;
 }
 a:visited {
-	color: #54AC8E;
+	color: #041C8E;
 	text-decoration: underline;
 }
 a:hover,
 a:focus,
 a:active  {
-	color: #67C98D;
-	text-decoration: underline;
+    color: #07407B;
+    text-decoration: underline;
+    text-decoration-thickness: 2px;
 }
 
 button.button-as-link {