Description of problem:

Currently, if you select a component in Topology, it's not always in full view when the side panel is shown.

Prerequisites (if any, like setup, operators/versions):

Steps to Reproduce

1. Create a new project
2. Create a sample application ( via Add )
3. Click on that Deployment & the side panel will show
4. Close the side panel, drag that Deployment all the way to the right side of the canvas
5. Click on that Deployment again & you'll see that the deployment is moved in full view
6. Now with that side panel open carefully move that deployment so that it's partially hidden by the side panel
7. Close the side panel by clicking X on it
8. Select the deployment

Actual results:

Since the deployment is partially shown when taking the above steps, it is not moved into full view.

Expected results:

When selecting a component in topology, be sure to put it in full view, so that none of it is hidden by the side panel.

Reproducibility (Always/Intermittent/Only Once):

Build Details:

Additional info:

• Currently, if the component is completely hidden by the side panel, adjustments are made.
• Curious how this request will work when an application, Knative Service or other groupings are selected. For this but, we may want to start with a standalone component ( not grouping ).