[ML] Allow more room when editing custom URLs

[sophiec20]

Reported in 7.16 (although has been like this for multiple versions).

The following Custom URL can be added to the APM anomaly detection job (high mean transaction.duration.us) which allows you to click through from the anomaly results back to the APM app.

The custom URL is:

app/apm/services/$service.name$/overview?environment=staging&kuery=&rangeFrom=$earliest$&rangeTo=$latest$&transactionType=$transaction.type$&comparisonEnabled=false

This is a fairly standard length custom URL if linking somewhere in Kibana.

If you need to edit this URL, the fly-out does not give you much room (see screenshot).

You can expand the size of the control or use the full width of a big monitor, however we ought to adjust layout so the custom URL has more space.

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[maxhniebergall]

This issue seems to be dependent on the aspect ratio of the window. With the window fully expanded, when you click on the URL field, the field expands to show the whole URL.

initially:

after clicking on the field:

Although, if you make the window smaller this is still an issue:

but then if you resize the window to have a portrait aspect ratio, the fly out works properly again:

So this problem only exists if you have a landscape aspect-ratio in your window and the window size is small.

I think if we always stacked the Label, URL, and Time Range in column rather than in a row this issue wouldn't exist. I'll see if I can do that (as a part of my ON week project).