Bug 1247900: Sideloaded add-ons page displays poorly when the restart message is too long for a single line. draft
authorDave Townsend <dtownsend@oxymoronical.com>
Wed, 24 Feb 2016 08:46:41 -0800
changeset 334166 77f56c66371458ce27899b9f38137f634e426ec4
parent 333391 aea9ba90eaa8a729680f53c9c296134d2aead3a1
child 514837 bea620046f9aab3a47c06214a2cb458a1a0708a0
push id11464
push userdtownsend@mozilla.com
push dateWed, 24 Feb 2016 17:04:29 +0000
bugs1247900
milestone47.0a1
Bug 1247900: Sideloaded add-ons page displays poorly when the restart message is too long for a single line. MozReview-Commit-ID: K4afnOIcod6
toolkit/mozapps/extensions/content/newaddon.xul
toolkit/themes/shared/extensions/newaddon.inc.css
--- a/toolkit/mozapps/extensions/content/newaddon.xul
+++ b/toolkit/mozapps/extensions/content/newaddon.xul
@@ -47,20 +47,21 @@
       <checkbox id="allow" label="&allow;"/>
       <description id="later">&later;</description>
 
       <deck id="buttonDeck">
         <hbox id="continuePanel">
           <button id="continue-button" label="&continue;"
                   oncommand="continueClicked()"/>
         </hbox>
-        <hbox id="restartPanel">
-          <spacer id="restartSpacer"/>
-          <description id="restartMessage" flex="1">&restartMessage;</description>
-          <button id="restart-button" label="&restartButton;" oncommand="restartClicked()"/>
-          <button id="cancel-button" label="&cancelButton;" oncommand="cancelClicked()"/>
-        </hbox>
+        <vbox id="restartPanel">
+          <description id="restartMessage">&restartMessage;</description>
+          <hbox id="restartPanelButtons">
+            <button id="restart-button" label="&restartButton;" oncommand="restartClicked()"/>
+            <button id="cancel-button" label="&cancelButton;" oncommand="cancelClicked()"/>
+          </hbox>
+        </vbox>
       </deck>
     </vbox>
 
     <spacer id="spacer-end"/>
   </scrollbox>
 </page>
--- a/toolkit/themes/shared/extensions/newaddon.inc.css
+++ b/toolkit/themes/shared/extensions/newaddon.inc.css
@@ -84,30 +84,32 @@
   -moz-margin-end: 5px;
 }
 
 #allow {
   -moz-margin-start: 84px;
   margin-bottom: 20px;
 }
 
-#continuePanel,
-#restartPanel {
+#buttonDeck {
   margin-top: 25px;
-  -moz-box-pack: end;
-  -moz-box-align: center;
+  -moz-box-align: stretch;
+  -moz-box-pack: stretch;
 }
 
 #continuePanel {
   -moz-box-pack: end;
+  -moz-box-align: end;
 }
 
-#restartMessage {
-  text-align: right;
+#restartPanel {
+  -moz-box-pack: end;
+  -moz-box-align: stretch;
 }
 
-#restartSpacer {
-  -moz-box-flex: 1;
+#restartPanelButtons {
+  margin-top: 25px;
+  -moz-box-pack: end;
 }
 
 #later {
   color: GrayText;
 }