Adf Mobile Header Title

Question

Hi,
I'm developing and ADF Mobile App using JDev 11.1.2.4. Deploying to IPhone.
I have an AMX page with a Title in the facet header and a command button as the primary action (back button).
That button has a long text inside. It goes over the header title. I need that button to push the header title.
Is there a way to do that with CSS or i need to control the size of the text inside the button?
Thank you.

Answer 1

Thanks for the reply!
So, I have created a new file named myipad.css under styles folder in resources of Application Controller project with following contents:
.amx-panelPage-header{
    height: 144px;
And my adfmf-skins.xml looks like below:
<?xml version="1.0" encoding="UTF-8" ?>
<adfmf-skins xmlns="http://xmlns.oracle.com/adf/mf/skin">
<skin id="s1">
        <id>mobileFusionFx.iPad</id>
        <family>mobileFusionFx</family>
        <extends>mobileFusionFx.iPad</extends>
       <style-sheet-name>styles/myipad.css</style-sheet-name>
    </skin>
</adfmf-skins>
However, on running the app looks like there is not effect of it. Please advise what is wrong here.