search

janvi01 / sql-editor

A web-based application that provides a SQL editor to run queries and display results.
https://sql-editor-online.vercel.app/
MIT License
9 stars 17 forks source link

Spacing between Queries History and Delete button is not consistent #27

Closed Tajinder-Dhoot closed 10 months ago

Tajinder-Dhoot commented 10 months ago

Describe the bug There are 2 issues with the alignment of Delete buttons:

  1. Delete button touches the text in Queries History section. There should be some spacing (reproducible when screen width > 1428px)
  2. Delete buttons are not in alignment if there are more than one text query in history.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://sql-editor-i8d6w7vvc-janvi01.vercel.app'.
  2. Run the query using a table name (Click on 'Available Tables' button to see table names).
  3. Run another query with another table name of different length (eg. Customers and Products).
  4. See error: Delete button are too close to the text and not aligned with consistent spacing. (When screen width is > 1428px)

Expected behavior There should be a consistent spacing between text and delete buttons. My suggested is to right align the delete button with some right margin.

Screenshots image

Desktop

Tajinder-Dhoot commented 10 months ago

@janvi01 I would like to work on this.

janvi01 commented 10 months ago

Hey @Tajinder-Dhoot Thanks for opening the issue but this issue is already being addressed in another issue ticket. You may want to leave a comment there if there are no updates.