<?xml version="1.0" encoding="UTF-8"?>
<stkgui>
    <icon-button id="back" x="1%" y="0" height="9%" icon="gui/icons/back.png"/>

    <div x="1%" y="1%" width="98%" height="98%" layout="vertical-row" >
        <header id="title" text_align="center" height="8%" width="80%" align="center" text="..."/>
        <spacer height="1%" width="10"/>

        <spacer height="25" width="10"/>

        <tabs id="profile_tabs" height="2f" x="2%" width="98%" align="center">
            <icon-button id="tab_achievements" width="128" height="128" icon="gui/icons/gp_copy.png"/>
            <icon-button id="tab_friends" width="128" height="128" icon="gui/icons/options_players.png" />
            <icon-button id="tab_settings" width="128" height="128" icon="gui/icons/main_options.png"
                I18N="Section in the profile screen" text="Account Settings"/>
        </tabs>

        <box proportion="1" width="100%" layout="vertical-row">
            <div x="1%" y="2%" width="98%" height="96%" layout="vertical-row" >
                <div width="19%" height="fit" layout="horizontal-row" >
                    <label proportion="1" height="fit" text_align="left" I18N="In the online account settings screen" text="Password:"/>
                    <spacer width="20" height="1"/>
                    <button id="change_password_button" height="100%" width="fit" text="Change" />
                </div>
                <spacer height="5%" width="20"/>
                <div width="19%" height="fit" layout="horizontal-row" >
                    <label proportion="1" height="fit" text_align="left" I18N="In the online account settings screen" text="E-mail:"/>
                    <spacer width="20" height="1"/>
                    <button id="change_email_button" height="100%" width="fit" text="Change" />
                </div>
            </div>
        </box>
    </div>
</stkgui>
