Jack/rcv-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

more minor results page styling

Browse source 
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.
This commit is contained in:
Jack Wines 2023-06-17 01:09:36 -07:00
parent 1a61d4aa3c
commit 7429c445a2
1 changed files with 2 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
public/static/style.css
View file

@ -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;
}