Setting the button padding on a WindowedApplication in Adobe AIR

<?xml version="1.0" encoding="utf-8"?>
<!-- http://airexamples.com/2008/12/26/setting-the-button-padding-on-a-windowedapplication-in-adobe-air/ -->
<mx:WindowedApplication name="WindowedApplication_buttonPadding_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        buttonPadding="{slider.value}">
 
    <mx:ApplicationControlBar dock="true">
        <mx:Form>
            <mx:FormItem label="buttonPadding:">
                <mx:HSlider id="slider"
                        minimum="0"
                        maximum="20" 
                        value="2" 
                        snapInterval="1" 
                        tickInterval="1" 
                        liveDragging="true" />
            </mx:FormItem>
        </mx:Form>
    </mx:ApplicationControlBar>
 
</mx:WindowedApplication>

<!-- The type of system chrome to use (either "standard" or "none"). Optional. Default standard. -->
<systemChrome>none</systemChrome>
 
<!-- Whether the window is transparent. Only applicable when systemChrome is none. Optional. Default false. -->
<transparent>true</transparent>