Edit Light Probes button in Light Probe Group component is squished

Steps to reproduce:

1. Download and open the attached project (LightProbesUIBug01.zip)
2. Open SampleScene
3. Select the only Light Probe Group in the scene
4. Notice that the Edit Light Probes button is squished, and the label is missing

Notes:

• Reproduces in: 2022.1.0a6, 2022.1.0a7, 2022.1.0a8, 2022.1.0b1, 2022.1.1f1, 2022.2.0a1, 2022.2.0a13
• Does not reproduce in: 2021.3.3f1, 2022.1.0a1, 2022.1.0a2, 2022.1.0a4, 2022.1.0a5

Observed:

 

Proposed solution:

Grouping the Edit Light Probe Positions button to be with the other button group is an easier layout to parse visually (gestalt law of proximity).

Putting the “Selected Probe Position” fields at the bottom, places them closer to the buttons needed when interacting with individual probes (Delete / Duplicate).

Button state when in "Edit Mode":

Further feedback from users is that they often miss when they are in and Edit mode.

By virtue of the edit button now being a lot larger, and by using the blue “pressed” state from UI Builder, we more effectively call-out that the user is in a state which must be exited before other tasks are carried-out.