Bug 711968 - Make buttons in Account Provisioner wrap long text for CLOSED TREE. r+ui-r=bwinton, a=Standard8.

mail/components/newmailaccount/content/accountProvisioner.xhtml

@@ -154,9 +154,9 @@
     </div>
 
     <div id="existing" class="contentPadded">
-      <div class="tinyheader hbox">
-        <button class="existing boxFlex">&tinyheader.existing;</button>
-        <button class="close boxFlex">&content.close;</button>
+      <div class="tinyheader">
+        <button class="existing">&tinyheader.existing;</button>
+        <button class="close">&content.close;</button>
       </div>
     </div>
 

mail/themes/gnomestripe/mail/newmailaccount/accountProvisioner.css

@@ -64,9 +64,8 @@ button {
   font-weight: bold;
   font: 1em sans-serif;
   padding: 0 10px;
-  height: 32px;
+  min-height: 32px;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
-  white-space: nowrap;
 }
 
 input[type="submit"]:hover,
@@ -513,11 +512,12 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
-/* HackHackHack*/
-
 #existing .tinyheader button {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
+  display: inline;
+  width: 260px;
+  vertical-align: top;
 }

mail/themes/pinstripe/mail/newmailaccount/accountProvisioner.css

@@ -64,9 +64,8 @@ button {
   font-weight: bold;
   font: 1em sans-serif;
   padding: 0 10px;
-  height: 32px;
+  min-height: 32px;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
-  white-space: nowrap;
 }
 
 input[type="submit"]:hover,
@@ -511,11 +510,12 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
-/* HackHackHack*/
-
 #existing .tinyheader button {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
+  display: inline;
+  width: 260px;
+  vertical-align: top;
 }

mail/themes/qute/mail/newmailaccount/accountProvisioner-aero.css

@@ -64,9 +64,8 @@ button {
   font-weight: bold;
   font: 1em sans-serif;
   padding: 0 10px;
-  height: 32px;
+  min-height: 32px;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
-  white-space: nowrap;
 }
 
 input[type="submit"]:hover,
@@ -511,11 +510,12 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
-/* HackHackHack*/
-
 #existing .tinyheader button {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
+  display: inline;
+  width: 260px;
+  vertical-align: top;
 }

mail/themes/qute/mail/newmailaccount/accountProvisioner.css

@@ -64,9 +64,8 @@ button {
   font-weight: bold;
   font: 1em sans-serif;
   padding: 0 10px;
-  height: 32px;
+  min-height: 32px;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.75);
-  white-space: nowrap;
 }
 
 input[type="submit"]:hover,
@@ -511,11 +510,12 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
-/* HackHackHack*/
-
 #existing .tinyheader button {
   font-size: 12px;
   font-weight: normal;
   margin-left: 7px;
   margin-right: 8px;
+  display: inline;
+  width: 260px;
+  vertical-align: top;
 }