Проблемы с шириной данных Adobe Flex

У меня есть файл .mxml со следующей панелью

                            <s:Panel width = "130%" height = "100%" title = "Results {noOfRowsText}">
                            <s:layout>
                                    <s:VerticalLayout paddingTop = "5" paddingLeft = "5" paddingBottom = "5" paddingRight = "5"/>
                            </s:layout>                                     
                            <mx:DataGrid id = "desResults" width = "100%" height = "100%" dataProvider = "{response.sList}"
                                         visible = "{response != null &amp;&amp; response.sList != null &amp;&amp; response.sList.length != 0}"
                                         itemClick = "datagrid_itemClickHandler(event)">
                                    <mx:columns>
                                            <mx:DataGridColumn headerText = "Start Date" dataField = "sVaRWindowStartDate"
                                                               itemRenderer = "com.vanilla.package.class"/>
                                            <mx:DataGridColumn headerText = "End Date" dataField = "sVaRWindowEndDate"
                                                               itemRenderer = "com.vanilla.package.class"/>
                                            <mx:DataGridColumn headerText = "Value" dataField = "Value" textAlign = "left"
                                                               itemRenderer = "com.vanilla.package.classOne"/>
                                            <mx:DataGridColumn headerText = "Description" dataField = "description" textAlign = "right"
                                                               itemRenderer = "com.vanilla.package.classOne"/>
                                    </mx:columns>
                            </mx:DataGrid>                                      
                    </s:Panel>                                         
      <s:Panel id = "panelLsR" width = "60%" height = "100%" includeIn = "lsr" title = "LsR Details">
               <s:layout>
                  <s:VerticalLayout horizontalAlign = "left" 
                     verticalAlign = "top" paddingTop = "5" 
                     paddingLeft = "5" paddingRight = "5" paddingBottom = "5"/>
                </s:layout>
                <s:HGroup width = "100%" verticalAlign = "middle" horizontalAlign = "left" gap = "10">
                    <mx:Text  text = "{lsrPanelTitle}"/>
                    <mx:Spacer width = "100%"/>
                        <s:Button label = "Close" click = "lsrPanel_closeHandler(event)"/>
                </s:HGroup>
                <mx:DataGrid id = "lsrResults" width = "100%" height = "100%"dataProvider = "{lsrSeriesList}"
                                         visible = "{lsrSeriesList != null &amp;&amp; lsrSeriesList.length != 0}"
                                         itemClick = "datagrid_itemClickHandler(event)">
                    <mx:columns>
                        <mx:DataGridColumn headerText = "Date" dataField = "date"/>
                        <mx:DataGridColumn headerText = "Value" dataField = "value" textAlign = "right"                                                      itemRenderer = "com.vanilla.package.class"/>
                                </mx:columns>
                    </mx:DataGrid>
       </s:Panel>

Когда я нажимаю на столбец даты окончания, экран делится на две части: одна для результатов (noOfRows), а другая для lsrDetails. Я хочу уменьшить ширину для части lsrDetails и увеличить ширину для результатов (noOfRows). Как я могу этого добиться? datagrid_itemClickHandler работает следующим образом. Я попытался изменить процент ширины в панели LsR, но безуспешно. Может кто-нибудь, пожалуйста, помогите мне достичь этого? Я работаю на флексе в первый раз.

protected function datagrid_itemClickHandler(event:ListEvent):void
        {           
            getsLsR(request);
        }