SC2Mapster

Please help me, I want to put the little Hero Icon that's usually in the bottom right corner to the top left corner.

I know I probably screwed up something but nothing happens... I made the code after I followed the tutorial, according to tutorial with this code the Hero icons should be in the middle of the screen. Please help :(

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="HeroPanel" name="HeroPanelTemplate">
        <Frame type="HeroFrame" name="HeroFrame07" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent" pos="Max" offset="0"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame06" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame07" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame05" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame06" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame04" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame05" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame03" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame04" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame02" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame03" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame01" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame02" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>

        <Frame type="HeroFrame" name="HeroFrame00" template="HeroPanel/HeroFrameTemplate">
            <Anchor side="Top" relative="$parent" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent/HeroFrame01" pos="Min" offset="#HeroButtonGap"/>
            <CollapseLayout val="true"/>
        </Frame>
    </Frame>
</Desc>

Where it says "Top" was "Bottom" and where it says "Left" there was "right" before. I changed it to this, hoping it would move the hero icon in the opposite direction but nothing happened...