Preparing Steel Sidekick for iPhone X

I just pushed an update of Steel Sidekick to the App Store to support the iPhone X screen resolution. The new “notch” for the camera was causing some issues.

iPhoneX-Before

I used the new safeAreaLayoutGuide on the UIView to determine where to display the fretboard.

if (@available(iOS 11.0, *)) {
  CGRect safeRect = [self.view.safeAreaLayoutGuide layoutFrame];
  left = safeRect.origin.x;
}

After trying a few different layouts I ultimately decided to move the fretboard into the safe area and extend the strings under the notch.
iPhoneX-After