[Rename flyout] Fixed cropping issue on small screens

[veler]

Problem

Rename flyout is being cropped on small screens. The issue being that:

1. The flyout is larger than the document's view port
2. The flyout's left position is negative (which makes it disappear to the left).
3. Text within the flyout doesn't wrap.

Solution

Basically, address all of the above:

1. Limit the size of the flyout to the width of the document's view port.
2. Ensure the flyout's position is always positive.
3. Wrap text blocks.