<stkgui>

<div x="5%" y="5%" width="90%" height="90%" layout="vertical-row">
  
  
  <div x="5%" y="0%" width="90%" proportion="6" layout="horizontal-row" >
    <div width="40%" height="100%" layout="vertical-row" >
        <icon id="icon" align="center" proportion="8" width="100%" icon="gui/loading.png"/>
        <spacer proportion="1" /> 
    </div>
    <spacer proportion="1" />
    <div width="60%" height="50%" layout="vertical-row" >
        <label id="name" width="100%" text_align="left"/>
        <div width="100%" height="100%" layout="horizontal-row" >
            <div width="50%" height="100%" layout="vertical-row" >
                <label id="size"     width="100%" text=""/>
                <label id="revision" width="100%" text=""/>
            </div>
            <div width="50%" height="100%" layout="vertical-row" >
                <label id="rating"   width="100%" text=""/>
            </div>
        </div>
        <spacer height="10"/>
        <label id="flags"    width="100%" text="" word_wrap="true"/>
    </div>
  </div>

  <bubble word_wrap="true" id="description" height="100%" width="90%" proportion="5" align="center" />

  <div width="80%" proportion="5" align="center">
    <buttonbar id="actions" x="0" y="0" height="100%" width="100%" align="center">
        <icon-button id="install" width="128" height="128"
                     icon="gui/package-update.png"
                     I18N="Add-on screen action"  text="Install"/>
        <icon-button id="uninstall" width="128" height="128"
                     icon="gui/package-uninstall.png"
                     I18N="Add-on screen action" text="Uninstall"/>
        <icon-button id="back" width="128" height="128"
                     icon="gui/back.png"
                     I18N="Add-ons screen action" text="Back"/>
    </buttonbar>
    <progressbar id="progress" x="0" y="20%" width="100%" height="30%"  />
  </div>
</div>
</stkgui>
