Bug 711968 - Make buttons in Account Provisioner wrap long text for CLOSED TREE. r+ui-r=bwinton, a=Standard8.
authorAndreas Nilsson <nisses.mail@home.se>
Tue, 20 Dec 2011 14:14:57 -0500
changeset 9027 8b6248df4f243ced60000704b94894ce4fbef3d9
parent 9026 d6a6a2bd4a31d5f590d4a5ed36a8083a98e1fd6a
child 9028 3f507b7d7ee675b220490292a88d8d291bcb2ed4
push id6917
push usermconley@mozilla.com
push dateTue, 20 Dec 2011 19:15:15 +0000
treeherdercomm-central@8b6248df4f24 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersStandard8
bugs711968
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
mail/themes/gnomestripe/mail/newmailaccount/accountProvisioner.css
mail/themes/pinstripe/mail/newmailaccount/accountProvisioner.css
mail/themes/qute/mail/newmailaccount/accountProvisioner-aero.css
mail/themes/qute/mail/newmailaccount/accountProvisioner.css
--- a/mail/components/newmailaccount/content/accountProvisioner.xhtml
+++ b/mail/components/newmailaccount/content/accountProvisioner.xhtml
@@ -149,19 +149,19 @@
       <div class="description contentPadded">
         <div class="commentary">
         </div>
       </div>
 
     </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>
 
   </div>
 
   <div id="successful_account">
     <h2>&successful.title;</h2>
     <div id="success-message">&successful.successMessage;</div>
--- a/mail/themes/gnomestripe/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/gnomestripe/mail/newmailaccount/accountProvisioner.css
@@ -59,19 +59,18 @@ button {
   border-color: #AAAAAA #AAAAAA #888888;
   border-style: solid;
   border-width: 1px;
   color: #222222;
   cursor: pointer;
   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,
 button:hover {
   background-image: -moz-linear-gradient(center top , #fafafa 0%, #fafafa 50%, #eee 50%, #eee 100%);
 }
 
 input[type="submit"]:active,
@@ -508,16 +507,17 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
 #search_engine_wrap img {
   vertical-align: middle;
   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;
 }
--- a/mail/themes/pinstripe/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/pinstripe/mail/newmailaccount/accountProvisioner.css
@@ -59,19 +59,18 @@ button {
   border-color: #AAAAAA #AAAAAA #888888;
   border-style: solid;
   border-width: 1px;
   color: #222222;
   cursor: pointer;
   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,
 button:hover {
   background-image: -moz-linear-gradient(center top , #fafafa 0%, #fafafa 50%, #eee 50%, #eee 100%);
 }
 
 input[type="submit"]:active,
@@ -506,16 +505,17 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
 #search_engine_wrap img {
   vertical-align: middle;
   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;
 }
--- a/mail/themes/qute/mail/newmailaccount/accountProvisioner-aero.css
+++ b/mail/themes/qute/mail/newmailaccount/accountProvisioner-aero.css
@@ -59,19 +59,18 @@ button {
   border-color: #AAAAAA #AAAAAA #888888;
   border-style: solid;
   border-width: 1px;
   color: #222222;
   cursor: pointer;
   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,
 button:hover {
   background-image: -moz-linear-gradient(center top , #fafafa 0%, #fafafa 50%, #eee 50%, #eee 100%);
 }
 
 input[type="submit"]:active,
@@ -506,16 +505,17 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
 #search_engine_wrap img {
   vertical-align: middle;
   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;
 }
--- a/mail/themes/qute/mail/newmailaccount/accountProvisioner.css
+++ b/mail/themes/qute/mail/newmailaccount/accountProvisioner.css
@@ -59,19 +59,18 @@ button {
   border-color: #AAAAAA #AAAAAA #888888;
   border-style: solid;
   border-width: 1px;
   color: #222222;
   cursor: pointer;
   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,
 button:hover {
   background-image: -moz-linear-gradient(center top , #fafafa 0%, #fafafa 50%, #eee 50%, #eee 100%);
 }
 
 input[type="submit"]:active,
@@ -506,16 +505,17 @@ input[type="submit"].search {
   margin-right: 10px;
 }
 
 #search_engine_wrap img {
   vertical-align: middle;
   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;
 }