form label { width: 15% } is a bad default

[simonw]

See:

• Labels displayed on page are too narrow datasette-configure-fts#14
• Labels look bad datasette-auth-tokens#12

[simonw]

datasette/datasette/static/app.css

Lines 485 to 489 in 64fd1d7

	form label {
	font-weight: bold;
	display: inline-block;
	width: 15%;
	}

[simonw]

That should be scoped just to the query filters form on the table page.

I'll fix it in main but I'm still going to ship a fix for those plugins separately so they work well before people upgrade to the next Datasette release with this change in it.

[simonw]

Looks like that affects a few forms:

The search form on the table page over-rides it already:

[simonw]

I added outline: 3px dotted pink to that form label block to help spot where else it's being used.

Oh interesting, looks like it's over-ridden here too: