Use CSS media query to switch to single column on narrow screens

[simonw]

So we don't get this:

[simonw]

Extracting that CSS out of the inline styles will be nice too:

django-sql-dashboard/django_sql_dashboard/templates/django_sql_dashboard/dashboard.html

Lines 100 to 106 in dd86c62

	<h2>Available tables</h2>
	<ul style="column-count: 2">
	{% for table in available_tables %}
	<li style="break-inside: avoid;"><a href="?sql={% filter sign_sql|urlencode %}select count(*) from {{ table.name }}{% endfilter %}&sql={% filter sign_sql|urlencode %}select * from {{ table.name }}{% endfilter %}">{{ table.name }}</a>
	<br><span style="text-indent: 1em; color: #666; font-size: 0.8em">{{ table.columns }}</span></li>
	{% endfor %}
	</ul>