Позиционирование элементов в скинованном ActionBar (flex mobile)

[PainKiller]

Убил уже на эту проблему полдня, и мозг уже вообще не соображает, поэтому пишу сюда. Есть в приложении заскинованный ActionBar который сейчас выглядит вот так:

А нужно чтобы он выглядел вот так:

То есть проблема в позиционировании компонента «крестик с циферкой» который сделан во флеше и просто заэддчайлден в классе UIComponent
Как все сделано сейчас
Скин присвоен в css:

s|ActionBar
{
	chromeColor: #d9e0e7;
	titleAlign: center;
	skinClass: ClassReference("theme.ActionBarSkin");
	paddingBottom: 0;
	paddingLeft: 10;
	paddingRight: 0;
	paddingTop: 2;
}

Класс скина я просто скопировал из мобильной темы, и внес в него все необходимые мне изменения.
В классе Main содержимое ActionBar вставляется так:

<s:navigationContent>
				<s:Image smooth="true" left="15" top="2"         source="@Embed('../assets/actionBar/header.png')"/>
</s:navigationContent>
 
<s:actionContent>
				<s:Image id="menuBack" smooth="true" width="100%" height="100%" source="@Embed('../assets/actionBar/menuBtn.png')" click="navigator.popToFirstView();"/>
</s:actionContent>

То есть картинка-лейбл слева вставляется в navigationContent, синяя кнопка возврата в меню в actionContent. Компонент я решил вставить в titleContent, соотвественно во view, где он появляется, я вписываю следующее:

<s:titleContent>
		<as3comps:SmallSelectedIcon   width="100%" height="100%" click="navigator.pushView(views.Selected)"  />
</s:titleContent>
<s:actionContent>
		<s:Image id="menuBack" name="menuBack" smooth="true" width="100%"  height="100%" source="@Embed('../assets/actionBar/menuBtn.png')" click="navigator.popToFirstView();"/>
</s:actionContent>

Ну и теперь самое главное, я думал что теперь мне достаточно в классе скина изменить лейаут titleGroup примерно так (строчка с комментарием):

titleGroup = new Group();
        hLayout = new HorizontalLayout();
        hLayout.horizontalAlign = HorizontalAlign.RIGHT; //  было LEFT
        hLayout.verticalAlign = VerticalAlign.MIDDLE;
        hLayout.gap = 0;
        hLayout.paddingLeft = hLayout.paddingRight = layoutTitleGroupHorizontalPadding; 
        hLayout.paddingTop = hLayout.paddingBottom = 0;
        titleGroup.layout = hLayout;
        titleGroup.id = "titleGroup";

однако обнаружил что изменения вносимые в лейаут в скине, ни напрямую в код, ни через css, никак не проявляются, компонент остается на своем месте. Все остальные способы поменять его место (впихнуть в actionGroup и т.д.) оказались глючными или нерабочими. В общем на этом примере я остро ощутил свое непонимание принципов позиционирования компонентов во Flex, очень надеюсь что кто нибудь прояснит хотя бы в каком направлении копать.