Image processing > Descriptive text generator > Upload image > Labels and buttons are not aligned in line.

[QAharshalkadu]

Describe the bug

Image processing > Descriptive text generator > Upload image > Labels and buttons are not aligned in line.

The labels ie. Descriptive text, Image tags, smart thumbnail,s and buttons generate, and regenerate should be aligned in line

Steps to Reproduce

1 Add/edit post
2. add image block
3. upload image > select image
4. RHS > Attachments details section scroll to the bottom
5. Check fields label and buttons

Screenshots, screen recording, code snippet

https://prnt.sc/DOky_Walf3lv
https://prnt.sc/YSuKQP5qnm75

Environment information

Local

WordPress information

WordPress 6.4.3

Code of Conduct

• I agree to follow this project's Code of Conduct

[jamespstyles]

I'll try take a look at this one @jeffpaul

[jamespstyles]

@QAharshalkadu @jeffpaul @dkotter, I'm not sure if we will want to make adjustments here. I believe the fields are rendering correctly. At wider screen widths the buttons all align.

On narrower widths the longer labels "Descriptive text" and "Smart thumbnail" cause the buttons to wrap underneath. This is consistent with the regular fields: note the alignment on the "Alternative Text" textarea input shown below.

However perhaps consistency with the regular fields isn't essential and adding some custom css to improve/tidy up these fields and to make them visually different may even be desirable. For example currently it not necessarily apparent that these fields are associated with Classifai's functionality - just a thought.

[dkotter]

Thanks for looking into this! I personally think that what we have is fine and works as well as it can within the current UI. I'd suggest we just close this out