How to handle cascaded navigation in mobile design?

I'm designing an app for HR use. As you can see in the screenshot below, there is a dropdown box where you can select the person to view. There are a few different subsections of that (Details, Employment, etc) below in a set of tabs and the currently selected subsection below that.

As you can see, the subsection tabs do not fit well. If I lay them out horizontally they will be too wide for the screen. If I reduce them to icons only then I believe it will reduce readability. There may be a requirement to add further subsections in the future too.

One thing I'm thinking is to make the dropdown box a page on its own, and when you select a person, load the subsections on a new page.

The downside to this is you would need to go back a page to switch people.

How could I best lay this page out?