[Design Update] Visual design of query editor and results table

Hello Hackers!

If you have any feedback on this e-mail or product design in general,
please let us know! Reply directly or fill out this form
<https://docs.google.com/forms/d/e/1FAIpQLSfIrGpSzdMgrEbeJQgqTluZY0nYfCEaBwpvtCelV_88QxNd9Q/viewform?usp=sf_link>
.

*Current work*
We have been working on the visual design of the query editor tool. Goal is
to make it easier to focus on the text editor and results table as well as
improve the interaction for highlighting rows and columns.

*Mockups*

01 Data Output table
[image: 02 - results table copy.png]
02 Select a column (click on row header)
[image: select name copy.png]
03 Select a row (click on cell in unmarked left column)
[image: select second row copy.png]
04 Select all (clicking top left corner of table)
[image: select all copy.png]

*Questions for the community*
- What are your thoughts on the visual changes?
- How do the interactions for highlighting parts of the table work for you?
How would you improve them?