unfoldingWord / gateway-translate

A tool for editing and translating text in USFM markup
MIT License
2 stars 3 forks source link

UI Issues:Text boxes needs to be aligned #73

Closed Joel-C-Johnson closed 1 year ago

Joel-C-Johnson commented 1 year ago

In Bug Report or Feedback menu (Dashboard)

Steps:

  1. Open the app (https://gateway-translate.netlify.app/)
  2. Click on the left dashboard icon.
  3. Select the Bug Report or Feedback menu.
  4. Text boxes need to be aligned. feedback

Accounts Setting (Dashboard)

  1. Open the app (https://gateway-translate.netlify.app/)
  2. Click on the left dashboard icon.
  3. Select the Accounts Setting menu.
  4. Text boxes need to be aligned. text boxes are too close. so the text is overlapping settings
mandolyte commented 1 year ago

Just needed some tailwind css adjustments. Now: image

mandolyte commented 1 year ago

Code-wise, was:

<div>

and now:

<div className='flex flex-col space-y-4'>