Bug 449283: DPI on n810 is incorrect (Fennec CSS part), r=stuart
authorMark Finkle <mfinkle@mozilla.com>
Wed, 23 Sep 2009 02:53:35 -0400
changeset 65602 13a9de6abd3e27866b902aa81f3d0fb5ad672c0d
parent 65601 a1c1853640b14d869dd082d1eeb18d9177cfde3f
child 65603 9d81a1707dfb46d66b75e420fcbd2786330c947a
push id1
push userroot
push dateTue, 26 Apr 2011 22:38:44 +0000
treeherdermozilla-beta@bfdb6e623a36 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
reviewersstuart
bugs449283
Bug 449283: DPI on n810 is incorrect (Fennec CSS part), r=stuart
mobile/app/mobile.js
mobile/themes/hildon/browser.css
mobile/themes/hildon/platform.css
--- a/mobile/app/mobile.js
+++ b/mobile/app/mobile.js
@@ -316,19 +316,17 @@ pref("plugins.enabled", true);
 pref("browser.geolocation.warning.infoURL", "http://%LOCALE%.www.mozilla.com/%LOCALE%/firefox/geolocation/");
 
 // base url for the wifi geolocation network provider
 pref("geo.wifi.uri", "https://www.google.com/loc/json");
 
 // enable geo
 pref("geo.enabled", true);
 
-#ifdef WINCE
 pref("layout.css.devPixelsPerPx", "1");
-#endif
 
 // content sink control -- controls responsiveness during page load
 pref("content.max.deflected.tokens", 10);
 pref("content.max.tokenizing.time", 50000);
 
 pref("javascript.options.jit.content", true);
 pref("javascript.options.jit.chrome", true);
 pref("javascript.options.mem.gc_frequency", 300);
--- a/mobile/themes/hildon/browser.css
+++ b/mobile/themes/hildon/browser.css
@@ -39,17 +39,17 @@
 #tile-container {
   background-image: url("chrome://browser/content/checkerboard.png");
 }
 
 /* main toolbar (URL bar) -------------------------------------------------- */
 #toolbar-main {
   -moz-appearance: none;
   -moz-box-align: center;
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
   border: none;
 }
 
 #toolbar-moveable-container {
   display: block;
 }
 
 #toolbar-moveable-container[top="0"] {
@@ -57,17 +57,17 @@
   left: 0;
   z-index: 1000;
 }
 
 
 /* main toolbar buttons */
 toolbarbutton.urlbar-button {
   /* space out the buttons a bit horizontally */
-  margin-left: 2.2mm; /* core spacing */
+  margin-left: 1mm; /* core spacing */
 }
 
 #tool-app-close {
   visibility: hidden;
   min-height: 0 !important;
   min-width: 0 !important;
   margin-top: -40px; /* keep pixels */
   list-style-image: url("chrome://browser/skin/images/fullscreen-close-40.png");
@@ -193,25 +193,25 @@ toolbarbutton.urlbar-cap-button {
 
 #urlbar-icons:hover:active {
   background: url("images/rightcap-active-64.png");
 }
 
 /* right toolbar (browser controls) ---------------------------------------- */
 #browser-controls {
   -moz-box-align: start;
-  padding: 0 2.2mm; /* core spacing + tiny bit for a rounding issue? */
+  padding: 0 1mm; /* core spacing + tiny bit for a rounding issue? */
   border-left: 3px solid #262629; /* keep pixels */
 }
 
 toolbarbutton.browser-control-button,
 toolbarbutton.panel-button,
 toolbarbutton.page-button {
   /* space out the buttons a bit vertically */
-  margin-bottom: 2.2mm; /* core spacing */
+  margin-bottom: 1mm; /* core spacing */
 }
 
 #tool-star {
   list-style-image: url("chrome://browser/skin/images/bookmark-default-64.png");
 }
 
 #tool-star:hover:active {
   list-style-image: url("chrome://browser/skin/images/bookmark-active-64.png");
@@ -284,33 +284,33 @@ toolbarbutton.page-button {
   #panel-container {
     -moz-box-orient: vertical;
   }
   
   #panel-controls {
     -moz-box-orient: horizontal;
     -moz-box-ordinal-group: 1000;
     -moz-box-pack: start;
-    padding-top: 2.2mm; /* core spacing */
+    padding-top: 1mm; /* core spacing */
   }
   
   #tool-panel-close {
     -moz-box-ordinal-group: 1;
   }
 }
 
 #panel-controls {
   /* match #browser-controls end padding */
-  padding-left: 2.2mm; /* core spacing */
-  padding-right: 2.2mm; /* core spacing */
+  padding-left: 1mm; /* core spacing */
+  padding-right: 1mm; /* core spacing */
   -moz-box-align: end;
 }
 
 .panel-header {
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
 }
 
 #tool-addons {
   list-style-image: url("chrome://browser/skin/images/addons-default-64.png");
 }
 
 #tool-addons:hover:active,
 #tool-addons[checked="true"] {
@@ -422,17 +422,17 @@ toolbarbutton.page-button {
 
 #bookmarklist-container {
   padding: 0;
 }
 
 #bookmarklist-header {
   color: rgb(255,255,255);
   -moz-box-align: center;
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
 }
 
 #bookmark-items {
   -moz-appearance: none !important;
   background-color: rgb(255,255,255);
   padding: 0;
 }
 
@@ -446,60 +446,60 @@ toolbarbutton.page-button {
 
 .place-list-parents placelabel:last-child:not(:only-child) {
   visibility: visible;
 }
 
 .place-list-children {
   -moz-appearance: none;
   border: none !important;
-  margin: 0.5mm;
+  margin: 0.25mm;
   padding: 0;
 }
 
 .bookmark-folder, .bookmark-item {
-  padding: 0.5mm 1.1mm;
+  padding: 0.25mm 0.5mm;
   border-bottom: 0.1mm solid rgb(207,207,207);
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
 }
 
 .bookmark-manage-controls {
-  padding-top: 1.1mm;
-  padding-bottom: 1.1mm;
+  padding-top: 0.5mm;
+  padding-bottom: 0.5mm;
 }
 
 .bookmark-edit-textboxes {
-  padding-top: 1.1mm;
+  padding-top: 0.5mm;
 }
 
 .bookmark-item-image {
   height: 24px;
   width: 24px;
   max-height: 24px;
   max-width: 24px;
-  margin: 1.6mm 4mm 5mm 2mm;
+  margin: 0.8mm 2mm 2.5mm 1mm;
 }
 
 placeitem[selected] .bookmark-item-image {
-  margin-top: 4mm;
+  margin-top: 2mm;
 }
 
 .bookmark-item-name {
-  font-size: 15.75pt !important;
+  font-size: 2.4mm !important;
 }
 
 .bookmark-item-uri {
-  font-size: 10pt !important;
+  font-size: 1.8mm !important;
   color: blue;
 }
 
 .bookmark-item-tags {
   color: black;
-  margin-right: 2.2mm;
-  font-size: 11.75pt !important;
+  margin-right: 1.1mm;
+  font-size: 1.8mm !important;
   font-weight: lighter;
 }
 
 placelabel.bookmark-folder {
   border-bottom: 0.1mm solid rgb(255,255,255);
   background: url(chrome://browser/skin/images/arrowup-16.png) no-repeat 98% 50%;
 }
 
@@ -525,112 +525,114 @@ placelist[ui="manage"] placeitem[type="f
 
 placeitem[ui="manage"] .bookmark-close-button,
 placeitem[ui="manage"] .bookmark-item-image {
   visibility: collapse;
 }
 
 /* be consistent with the size of placeitem */
 placelabel {
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
   -moz-box-align: center;
 }
 
 /* use a smaller font size for the manage buttons */
 placeitem .button-text {
-  font-size: 9pt !important;
+  font-size: 2.4mm !important;
 }
 
 .close-button {
   -moz-appearance: none;
   border: none;
   margin: 0;
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/close-30.png");
 }
 
 .tool-search {
   list-style-image: url("chrome://browser/skin/images/navigation-magnifier-30.png");
+  margin-right: 1mm;
 }
 
 .searchengine {
   -moz-box-orient: horizontal;
-  min-width: 14.4mm;
+  min-width: 8mm;
 }
 
 .searchengine .radio-icon {
   display: block;
 }
 
 #autocomplete_navbuttons {
-  padding: 2.2mm; /* core spacing */
-  min-height: 14.4mm; /* row size */
+  padding: 1mm; /* core spacing */
+  min-height: 7mm; /* row size */
   -moz-user-focus: ignore;
 }
 
 #autocomplete_navbuttons autorepeatbutton {
   display: none;
 }
 
 .autocomplete-items {
   background-color: white;
 }
 
 autocompleteresult {
   color: black;
   background-color: white;
-  padding: 1.5mm 1mm;
+  padding: 0.75mm 0.5mm;
   border-bottom: 0.1mm solid rgb(207,207,207);
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
 }
 
 .autocompleteresult-selected {
   color: white;
   background-color: grey !important;
 }
 
 .autocomplete-item-label {
   margin: 0;
   padding: 0;
-  font-size: 15.75pt !important;
+  font-size: 2.4mm !important;
   font-weight: normal;
-  margin-right: 2mm;
+  margin-right: 1mm;
 }
 
 .autocomplete-item-label > image {
   width: 24px;
   height: 24px;
-  margin: 0mm 5mm 0mm 2mm;
+  margin: 0mm 2.5mm 0mm 1mm;
 }
 
 .autocomplete-item-label > label {
   -moz-margin-start: 1px;
 }
 
 .autocomplete-item-label[favorite="true"] {
   padding-right: 30px;
   background: url(images/star-24.png) no-repeat 100%;
 }
 
 .autocomplete-item-label[favorite="true"]:after {
   float: right;
   content: attr(tags);
-  font-size: 11.75pt !important;
+  font-size: 1.8mm !important;
   font-weight: lighter;
-  padding-top: 1mm;
-  margin-left: 2mm;
+  padding-top: 0.5mm;
+  margin-left: 1mm;
 }
 
 .autocomplete-item-url {
   margin: 0;
   padding: 0;
   color: blue;
-  font-size: 10pt !important;
-  margin-left: 14mm;
+  font-size: 1.8mm !important;
+  margin-left: 3.5mm;
   margin-right: 2mm;
+  padding-left: 26px;
 }
 
 /* special "no results" and "all bookmarks" items */
 autocompleteresult.noresults {
   font-style: italic;
   border-bottom: none;
 }
 
@@ -645,60 +647,60 @@ autocompleteresult.noresults > .autocomp
 }
 
 autocompleteresult.allbookmarks {
   -moz-box-pack: center;
   background: #E9E9E9 url("images/arrowright-16.png") no-repeat 98% 50%;
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-label {
-  font-size: 15.75pt !important;
+  font-size: 2.4mm !important;
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-label > image {
   width: 44px;
   height: 30px;
-  margin: 0 3mm;
+  margin: 0 1.5mm;
   list-style-image: url(images/bookmarks-30.png);
 }
 
 autocompleteresult.allbookmarks > .autocomplete-item-url {
   display: none;
 }
 
 /* Left sidebar (tabs)  ---------------------------------------------------- */
 #tabs-container {
-  -moz-padding-start: 1.2mm; /* allow the thumbnails to get close to the edge */
-  -moz-padding-end: 2.2mm; /* core spacing */
-  padding-bottom: 2.2mm; /* core spacing */
+  -moz-padding-start: 0.5mm; /* allow the thumbnails to get close to the edge */
+  -moz-padding-end: 1mm; /* core spacing */
+  padding-bottom: 1mm; /* core spacing */
   border-right: 3px solid #262629; /* keep pixels */
 }
 
 #tabs {
   display: block;
   -moz-column-width: 128px;
   -moz-column-gap: 0;
   -moz-user-focus: ignore;
   margin: 0;
   padding: 0;
   background-color: transparent;
 }
 
 #tabs-controls {
-  margin-top: 2.2mm; /* core spacing */
+  margin-top: 1mm; /* core spacing */
   -moz-box-pack: start;
 }
 
 box[type="documenttab"] .documenttab-canvas {
   /* keep the unselected thumbnails aligned with the selected one */
-  border: 2mm solid transparent;
+  border: 1mm solid transparent;
 }
 
 box[type="documenttab"][selected="true"] .documenttab-canvas {
-  border: 2mm solid #262629;
+  border: 1mm solid #262629;
   -moz-border-radius: 4px;
 }
 
 box[type="documenttab"] .documenttab-close {
   width: 28px;
   height: 30px;
   list-style-image: url("chrome://browser/skin/images/close-30.png");
 }
@@ -721,31 +723,31 @@ findbar {
 }
 
 findbar .findbar-closebutton {
   list-style-image: url("chrome://browser/skin/images/close-30.png");
 }
 
 /* bookmark editor   ------------------------------------------------------- */
 #bookmark-container {
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
 }
 
 #bookmark-form {
   background-color: #fff;
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
 }
 
 /* Identity popup   -------------------------------------------------------- */
 #identity-container {
-  border-bottom: 0.2mm solid grey;
+  border-bottom: 0.1mm solid grey;
 }
 
 #identity-popup-container {
-  padding: 2.2mm; /* core spacing */
+  padding: 1mm; /* core spacing */
 }
 
 /* Popup Icons */
 #identity-popup-icon {
   padding: 0;
   list-style-image: url("chrome://browser/skin/images/identity-64.png");
 }
 
@@ -754,37 +756,37 @@ findbar .findbar-closebutton {
 }
 
 #identity-container[mode="verifiedIdentity"] > #identity-popup-icon {
   list-style-image: url("chrome://browser/skin/images/identityEV-64.png");
 }
 
 /* Popup Body Text */
 #identity-popup-content-box {
-  -moz-padding-start: 2.2mm; /* core spacing */
+  -moz-padding-start: 1mm; /* core spacing */
 }
 
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-connectedToLabel,
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-runByLabel,
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-content-host,
 #identity-popup-content-box.unknownIdentity > hbox > #identity-popup-content-owner,
 #identity-popup-content-box.verifiedIdentity > hbox > #identity-popup-connectedToLabel2,
 #identity-popup-content-box.verifiedDomain > hbox > #identity-popup-connectedToLabel2 {
   display: none;
 }
 
 #identity-popup-content-box > hbox > description,
 #identity-popup-content-box > hbox > label {
-  font-size: 11pt !important;
+  font-size: 1.8mm !important;
   white-space: pre-wrap;
 }
 
 #identity-popup-encryption-label,
 #identity-popup-content-verifier {
-  font-size: 8pt !important;
+  font-size: 1.2mm !important;
 }
 
 #identity-popup-content-host,
 #identity-popup-content-owner {
   font-weight: bold;
 }
 
 #identity-popup-encryption-icon {
@@ -794,22 +796,22 @@ findbar .findbar-closebutton {
 #identity-container[mode="verifiedIdentity"] > vbox > #identity-popup-encryption-icon ,
 #identity-container[mode="verifiedDomain"] > vbox > #identity-popup-encryption-icon {
   list-style-image: url("chrome://browser/skin/images/lock-40.png");
 }
 
 /* search popup   ---------------------------------------------------------- */
 #search-container {
   border-top: 0.1mm solid rgb(207,207,207);
-  padding: 2.2mm; /* core spacing */
-  margin-top: 2mm;
+  padding: 1mm; /* core spacing */
+  margin-top: 1mm;
 }
 
 #search-engine-label-add {
-  font-size: 80%;
+  font-size: 1.8mm;
 }
 
 #search-buttons,
 .search-engine-button {
   -moz-user-focus: ignore;
 }
 
 .search-engine-button .button-icon {
@@ -826,90 +828,90 @@ setting {
 
 settings {
   background-color: lightgray;
   color: #000;
 }
 
 settings .settings-title {
   font-weight: bold;
-  padding: 0.5mm;
+  padding: 0.25mm;
 }
 
 /* XXX should be a richlistitem */
 .prefbox {
-  padding: 0.5mm;
+  padding: 0.25mm;
   border-bottom: 0.1mm solid rgb(207,207,207);
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
   -moz-box-align: center;
 }
 
 .options-box {
   margin-left: 28px;  /* sized based on the 32px addon image */
 }
 
 .options-box setting:last-child .prefbox {
   border-bottom: 0;
 }
 
 /* XXX should be a richlistitem description.title */
 .preftitle {
-  font-size: 80% !important;
+  font-size: 2.4mm !important;
 }
 
 /* XXX should be a richlistitem description.normal */
 .prefdesc {
-  font-size: 60% !important;
+  font-size: 1.8mm !important;
   color: grey;
   background-color: white;
 }
 
 /* alerts popup ----------------------------------------------------------- */
 #bookmark-popup,
 #newtab-popup,
 #alerts-container {
   color: #000;
   background-color: #fff;
-  border: 0.5mm solid gray;
-  -moz-border-radius: 2mm;
-  padding: 2.2mm; /* core spacing */
-  -moz-box-shadow: black 0.5mm 0.5mm 1mm;
+  border: 0.25mm solid gray;
+  -moz-border-radius: 1mm;
+  padding: 1mm; /* core spacing */
+  -moz-box-shadow: black 0.25mm 0.25mm 0.5mm;
 }
 
 #alerts-text {
-  font-size: 80% !important;
+  font-size: 2.4mm !important;
   white-space: pre-wrap;
 }
 
 /* helperapp (save-as) popup ----------------------------------------------- */
 #helperapp-target {
-  font-size: 11pt !important;
+  font-size: 2.4mm !important;
 }
 
 /* select popup ------------------------------------------------------------ */
 #select-container {
-  padding: 7.2mm; /* half row spacing */
+  padding: 3.5mm; /* half row size */
 }
 
 #select-container-inner {
-  border: 1mm solid #36373b;
+  border: 0.5mm solid #36373b;
   -moz-border-top-colors: #fff #36373b;
   -moz-border-right-colors: #fff #36373b;
   -moz-border-left-colors: #fff #36373b;
   -moz-border-bottom-colors: #fff #36373b;
-  -moz-border-radius: 2mm;
-  padding-top: 2.2mm; /* core spacing */
+  -moz-border-radius: 1mm;
+  padding-top: 1mm; /* core spacing */
 }
 
 #select-list > option {
   color: #000;
   background-color: #fff;
   padding: 5px;
   border-bottom: 1px solid rgb(207,207,207);
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
   -moz-box-align: center;
 }
 
 #select-list > option[selected="true"] {
   color: #fff;
   background-color: grey;
 }
 
@@ -918,21 +920,21 @@ settings .settings-title {
   font-style: italic;
 }
 
 #select-list > option.optgroup > image {
   display: none;
 }
 
 #select-list > option.in-optgroup {
-  -moz-padding-start: 4.4mm;
+  -moz-padding-start: 2.2mm;
 }
 
 #select-buttons {
-  padding: 1.1mm 2.2mm; /* row size & core spacing */
+  padding: 0.5mm 1mm; /* row size & core spacing */
   -moz-box-pack: center;
 }
 
 #select-list > option > image {
   min-width: 30px;
 }
 
 #select-list > option[selected="true"] > image {
--- a/mobile/themes/hildon/platform.css
+++ b/mobile/themes/hildon/platform.css
@@ -36,17 +36,17 @@
  * ***** END LICENSE BLOCK ***** */
 
 /* global skin ------------------------------------------------------------- */
 @import url(chrome://global/skin/);
 
 /* general stuff ------------------------------------------------------------ */
 :root {
   font-family: "Nokia Sans", Tahoma, sans-serif !important;
-  font-size: 16.75pt !important;
+  font-size: 2.4mm !important;
 }
 
 menu,
 menuitem {
   padding: 0px !important;
   margin: 0px !important;
 }
 
@@ -78,33 +78,32 @@ textbox[isempty="true"] {
 .sidebar-spacer {
   background-color: #36373b;
 }
 
 /* dialog popups ----------------------------------------------------------- */
 .dialog-dark {
   color: #fff;
   background-color: #36373b;
-  -moz-border-radius: 0 0 2mm 2mm;
+  -moz-border-radius: 0 0 1mm 1mm;
   padding: 8px;
-  -moz-box-shadow: black 0 0.5mm 0.5mm;
+  -moz-box-shadow: black 0 0.25mm 0.25mm;
 }
 
 /* buttons ----------------------------------------------------------------- */
 .button-text,
 .toolbarbutton-text {
-  font-weight: bold !important;
-  font-size: 9pt !important;
+  font-size: 2.4mm !important;
 }
 
 button {
-  min-width: 12mm !important; /* button size */
-  min-height: 12mm !important; /* button size */
+  min-width: 6mm !important; /* button size */
+  min-height: 6mm !important; /* button size */
   color: #000;
-  padding: 0.5mm 1mm;
+  padding: 0.25mm 0.5mm;
   border-width: 8px !important;
   -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   -moz-appearance: none !important;
 }
 
 button[type="checkbox"][checked="true"],
 button:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
@@ -134,21 +133,21 @@ notification button:not([disabled="true"
 }
 
 button.button-dark[disabled="true"] {
   color: #ddd !important;
 }
 
 /* toolbar buttons --------------------------------------------------------- */
 toolbarbutton {
-  min-width: 17mm !important; /* primary button size */
-  min-height: 17mm !important; /* primary button size */
+  min-width: 7mm !important; /* primary button size */
+  min-height: 7mm !important; /* primary button size */
   -moz-appearance: none !important;
   margin: 0;
-  padding: 0.5mm;
+  padding: 0.25mm;
 }
 
 toolbarbutton:not(.show-text) .toolbarbutton-text {
   display: none !important;
 }
 
 toolbarbutton:not(.show-text) .toolbarbutton-icon,
 toolbarbutton:not([image]) .toolbarbutton-icon,
@@ -160,17 +159,17 @@ toolbarbutton:hover,
 toolbarbutton:hover:active,
 toolbarbutton[open="true"] {
   border-color: transparent;
 }
 
 /* dark buttons ------------------------------------------------------------ */
 toolbarbutton.button-dark {
   color: #fff;
-  padding: 0.5mm 1mm;
+  padding: 0.25mm 0.5mm;
   border-width: 10px;
   -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-default-64.png") 10 repeat repeat;
 }
 
 toolbarbutton.button-dark[type="checkbox"][checked="true"],
 toolbarbutton.button-dark:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/toolbarbutton-active-64.png") 10 repeat repeat;
 }
@@ -179,41 +178,42 @@ toolbarbutton.button-dark[disabled="true
   color: #ddd;
 }
 
 toolbarbutton.button-dark[type="checkbox"][checked="true"] {
   /* checked overrides */
   border: 10px solid transparent !important;
   color: #fff !important;
   background: none !important;
-  padding: 0.5mm 1mm !important;
+  padding: 0.25mm 0.5mm !important;
 }
 
 /* image buttons ----------------------------------------------------------- */
 .button-image {
   padding: 0 !important;
   background: #36373b !important;
   border: none !important;
+  min-width: 0 !important; /* the image drives the size */
+  min-height: 0 !important; /* the image drives the size */
 }
 
 /* radio buttons ----------------------------------------------------------- */
 radiogroup {
   -moz-box-orient: horizontal;
 }
 
 .radio-label {
-  font-weight: bold !important;
-  font-size: 9pt !important;
+  font-size: 2.4mm !important;
 }
 
 radio {
   color: #36373b;
-  min-width: 12mm !important; /* button size */
+  min-width: 6mm !important; /* button size */
   min-height: 6mm !important;
-  padding: 1mm !important;
+  padding: 0.5mm !important;
   margin: 0;
   border-width: 8px;
   -moz-box-align: center;
   -moz-appearance: none;
   -moz-border-image: url("chrome://browser/skin/images/togglemiddle-inactive-64.png") 8 repeat repeat;
 }
 
 radio .radio-icon, radio .radio-check {
@@ -298,37 +298,37 @@ radio.checkbox-radio-off:not([selected])
 }
 
 /* richlistbox ------------------------------------------------------------- */
 richlistbox {
   margin: 0;
 }
 
 richlistitem {
-  min-height: 14.4mm; /* row size */
+  min-height: 7mm; /* row size */
   padding: 5px;
   border-bottom: 1px solid rgb(207,207,207);
 }
 
 richlistitem label.title,
 richlistitem description.title {
-  font-size: 80% !important;
+  font-size: 2.4mm !important;
 }
 
 richlistitem label.normal,
 richlistitem description.normal {
   color: gray;
-  font-size: 60% !important;
+  font-size: 1.8mm !important;
   white-space: pre-wrap;
 }
 
 richlistitem label.normal-bold,
 richlistitem description.normal-bold {
   font-weight: bold;
-  font-size: 60% !important;
+  font-size: 1.8mm !important;
   white-space: pre-wrap;
 }
 
 richlistitem[selected="true"] {
   color: black;
   background-color: white;
 }
 
@@ -374,25 +374,24 @@ colorpicker > vbox {
 }
 
 .textbox-search-clear {
   list-style-image: url("chrome://browser/skin/images/search-clear-30.png");
 }
 
 /* menulist ---------------------------------------------------------------- */
 .menulist-label {
-  font-weight: bold !important;
-  font-size: 9pt !important;
+  font-size: 2.4mm !important;
 }
 
 menulist {
-  min-width: 12mm !important; /* button size */
-  min-height: 12mm !important; /* button size */
+  min-width: 6mm !important; /* button size */
+  min-height: 6mm !important; /* button size */
   color: #000;
-  padding: 0.5mm;
+  padding: 0.25mm;
   border-width: 8px !important;
   -moz-border-image: url("chrome://browser/skin/images/button-default-64.png") 8 repeat repeat;
   -moz-appearance: none !important;
 }
 
 menulist:not([disabled="true"]):active:hover {
   -moz-border-image: url("chrome://browser/skin/images/button-active-64.png") 8 repeat repeat;
 }