Bug 557532 - controls pane exit button flips position when coming back from orientation change [r=vingtetun]

mobile/chrome/content/browser.xul

@@ -339,11 +339,11 @@
 
     <box id="panel-container" class="panel-dark window-width window-height" style="-moz-stack-sizing: ignore" left="10000" hidden="true">
       <box id="panel-controls" oncommand="BrowserUI.switchPane(event.target.getAttribute('linkedpanel'));">
-        <toolbarbutton id="tool-panel-close" class="page-button button-image" command="cmd_panel"/>
         <toolbarbutton id="tool-addons" type="radio" group="1" class="panel-button button-image" linkedpanel="addons-container"/>
         <toolbarbutton id="tool-downloads" type="radio" group="1" class="panel-button button-image" linkedpanel="downloads-container"/>
         <toolbarbutton id="tool-preferences" type="radio" group="1" checked="true" class="panel-button button-image" linkedpanel="prefs-container"/>
         <toolbarbutton id="tool-console" type="radio" group="1" hidden="true" class="panel-button button-image" linkedpanel="console-container"/>
+        <toolbarbutton id="tool-panel-close" class="page-button button-image" command="cmd_panel"/>
       </box>
       <deck id="panel-items" selectedIndex="2" flex="1">
         <vbox id="addons-container" flex="1">

mobile/themes/hildon/browser.css

@@ -283,11 +283,7 @@ toolbarbutton.page-button {
 
   #panel-controls {
     -moz-box-orient: vertical;
-    -moz-box-pack: end;
-  }
-
-  #tool-panel-close {
-    -moz-box-ordinal-group: 1000;
+    -moz-box-direction: normal;
   }
 }
 
@@ -299,12 +295,11 @@ toolbarbutton.page-button {
 
   #panel-controls {
     -moz-box-orient: horizontal;
-    -moz-box-pack: start;
+    -moz-box-direction: reverse;
     padding-top: 8px; /* core spacing */
   }
 
   #tool-panel-close {
-    -moz-box-ordinal-group: 1;
     margin-right: 8px; /* core spacing */
   }
 
@@ -318,6 +313,7 @@ toolbarbutton.page-button {
   padding-left: 8px; /* core spacing */
   padding-right: 8px; /* core spacing */
   -moz-box-align: end;
+  -moz-box-pack: end;
 }
 
 .panel-header {

mobile/themes/wince/browser.css

@@ -127,11 +127,7 @@ toolbarbutton.page-button {
 
   #panel-controls {
     -moz-box-orient: vertical;
-    -moz-box-pack: end;
-  }
-
-  #tool-panel-close {
-    -moz-box-ordinal-group: 1000;
+    -moz-box-direction: normal;
   }
 }
 
@@ -143,12 +139,11 @@ toolbarbutton.page-button {
 
   #panel-controls {
     -moz-box-orient: horizontal;
-    -moz-box-pack: start;
+    -moz-box-direction: reverse;
     padding-top: 1.1mm; /* core spacing */
   }
 
   #tool-panel-close {
-    -moz-box-ordinal-group: 1;
     margin-right: 1.1mm; /* core spacing */
   }
 
@@ -162,6 +157,7 @@ toolbarbutton.page-button {
   padding-left: 1.1mm; /* core spacing */
   padding-right: 1.1mm; /* core spacing */
   -moz-box-align: end;
+  -moz-box-pack: end;
 }
 
 .panel-header {