From 7429c445a266abe9442c769700996b7ee0448125 Mon Sep 17 00:00:00 2001
From: Jack Wines <jack@winesj.com>
Date: Sat, 17 Jun 2023 01:09:36 -0700
Subject: [PATCH] more minor results page styling

The trick was setting flex-direction to row-reverse, which makes the
option names hug their 1st, 2nd etc while still overflowing nicely and
sitting in the center of the page.
---
 public/static/style.css | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/public/static/style.css b/public/static/style.css
index 085e610..b317282 100644
--- a/public/static/style.css
+++ b/public/static/style.css
@@ -18,16 +18,15 @@ body {
 
 #results {
   display: grid;
-  grid-template-columns: auto 30%;
+  grid-template-columns: auto 3em;
   column-gap: 7px;
   row-gap: 5px;
 }
 
 #results > div {
   display: flex;
-  flex-direction:  row;
+  flex-direction:  row-reverse;
   flex-wrap:  wrap;
-  min-width: 10em;
   gap: 7px;
 }