[Bug]: 'edit metadata' button on lora can't be clicked at custom card size

[SoupyGit]

Is there an existing issue for this?

• I have searched the existing issues and checked the recent builds/commits

What happened?

see title.

Steps to reproduce the problem

1. In Settings > Extra Networks, change 'card height for extra networks' to a value of 45 or less (my 'card width' is 550).
2. Apply and reload GUI.
3. In txt2img, show extra networks.
4. Try clicking the 'edit metadata' button on your Lora. It can't be done.

Alternatively, set height to something slightly bigger, like 50, with a width of 550. Now the 'edit metadata' button can be clicked, but only when the mouse is hovered in the top right hand corner of the box, and not directly over the icon. There is an alignment issue.

What should have happened?

The 'edit metadata' icon should be clickable at all custom sizes, and the change of colour on hover should have correct alignment with mouse.

Version or Commit where the problem happens

1.5.2

What Python version are you running on ?

Python 3.10.x

What platforms do you use to access the UI ?

Linux

What device are you running WebUI on?

Nvidia GPUs (RTX 20 above)

Cross attention optimization

xformers

What browsers do you use to access the UI ?

Mozilla Firefox

Command Line Arguments

export COMMANDLINE_ARGS="--skip-install --no-download-sd-model --medvram --xformers --autolaunch --update-check --theme dark"

List of extensions

adetailer
multidiffusion-upscaler-for-automatic1111
sd-webui-controlnet
sd-webui-inpaint-anything
sd-webui-roop
sd-webui-segment-anything
ultimate-upscale-for-automatic1111
LDSR
Lora
ScuNET
SwinIR
canvas-zoom-and-pan
extra-options-section
mobile
prompt-bracket-checker

Console logs

Bug is gui and doesn't register in log.

Additional information

My monitor resolution is 2560x1440, not sure if that has an impact.

[w-e-w]

this is a layering issue not an alignment issue
fix PR #12745