Bug 503388: Fix issues found from small screen theme, r=gavin

mobile/themes/wince/browser-low.css

@@ -51,7 +51,7 @@
   visibility: hidden;
   min-height: 0 !important;
   min-width: 0 !important;
-  margin-top: -17px; /* keep pixels */
+  margin-top: -18px; /* keep pixels */
   list-style-image: url("chrome://browser/skin/images/fullscreen-close-24.png");
 }
 
@@ -236,13 +236,13 @@
 #tool-folders-close {
   min-height: 0 !important;
   min-width: 0 !important;
-  margin-top: -17px; /* keep pixels */
+  margin-top: -18px; /* keep pixels */
   list-style-image: url("chrome://browser/skin/images/fullscreen-up-24.png");
 }
 
 /* folders have a fixed image */
 .bookmark-folder-image {
-  list-style-image: url("chrome://browser/skin/images/folder-30.png");
+  list-style-image: url("chrome://browser/skin/images/folder-24.png");
 }
 
 .close-button {

mobile/themes/wince/jar.mn

@@ -110,6 +110,7 @@ classic.jar:
   images/stop-16.png                   (images/stop-16.png)
   images/check-24.png                  (images/check-24.png)
   images/favicon-default-24.png        (images/favicon-default-24.png)
+  images/folder-24.png                 (images/folder-24.png)
   images/lock-24.png                   (images/lock-24.png)
   images/star-24.png                   (images/star-24.png)
   images/tag-24.png                    (images/tag-24.png)

mobile/themes/wince/platform.css

@@ -95,8 +95,6 @@ button:active {
 }
 
 toolbarbutton {
-  min-width: 8.5mm !important; /* primary button size */
-  min-height: 8.5mm !important; /* primary button size */
   -moz-appearance: none !important;
   margin: 0;
   padding: 0.25mm;
@@ -118,6 +116,22 @@ toolbarbutton[open="true"] {
   border-color: transparent;
 }
 
+/* high-res screens */
+@media all and (min-device-width: 401px) {
+toolbarbutton {
+  min-width: 64px !important; /* primary button size (match image pixels)*/
+  min-height: 64px !important; /* primary button size (match image pixels) */
+}
+}
+
+/* low-res screens */
+@media all and (max-device-width: 400px) {
+toolbarbutton {
+  min-width: 36px !important; /* primary button size (match image pixels) */
+  min-height: 36px !important; /* primary button size (match image pixels) */
+}
+}
+
 /* dark buttons ------------------------------------------------------------ */
 .button-dark {
   color: #fff;