Bug 503889 - Investigate usable sizes and target areas for touch interactions. r=dao

browser/themes/winstripe/browser/browser.css

@@ -1063,6 +1063,15 @@ toolbar[iconsize="small"] #fullscreen-button:hover:active {
   -moz-padding-end: 2px;
 }
 
+.urlbar-icon {
+  padding: 0 2px !important;
+}
+
+.urlbar-icon:-moz-system-metric(touch-enabled) {
+  -moz-margin-end: 1px !important;
+  padding: 0 3px !important;
+}
+
 #urlbar-search-splitter {
   min-width: 8px;
   -moz-margin-start: -4px;
@@ -1201,7 +1210,6 @@ statusbarpanel#statusbar-display {
 /* ::::: go button ::::: */
 
 #go-button {
-  padding: 0 2px;
   list-style-image: url("chrome://browser/skin/Go-arrow.png");
   -moz-image-region: rect(0px 16px 16px 0px);
 }
@@ -1212,7 +1220,6 @@ statusbarpanel#statusbar-display {
 
 /* star button */
 #star-button {
-  padding: 0 2px;
   list-style-image: url("chrome://browser/skin/places/bookmark.png");
   -moz-image-region: rect(0px 16px 16px 0px);
 }
@@ -1307,6 +1314,10 @@ statusbarpanel#statusbar-display {
   background: -moz-dialog url("chrome://browser/skin/tabbrowser/tabbrowser-tabs-bkgnd.png") repeat-x;
 }
 
+.tabbrowser-tabs:-moz-system-metric(touch-enabled) {
+  min-height: .81cm;
+}
+
 .tabs-container:not([overflow="true"]) {
   -moz-padding-start: 3px;
 }
@@ -1418,6 +1429,10 @@ tabpanels {
   list-style-image: url("chrome://global/skin/icons/close.png");
 }
 
+.tab-close-button:-moz-system-metric(touch-enabled) {
+  -moz-transform: scale(1.3);
+}
+
 .tab-close-button:hover,
 .tabbrowser-tab[selected="true"] > .tab-close-button:hover {
   -moz-image-region: rect(0px, 28px, 14px, 14px);
@@ -1458,6 +1473,16 @@ tabpanels {
   -moz-image-region: rect(0, 11px, 14px, 0);
 }
 
+.tabbrowser-arrowscrollbox > .scrollbutton-up:-moz-system-metric(touch-enabled),
+.tabbrowser-arrowscrollbox > .scrollbutton-down:-moz-system-metric(touch-enabled),
+.tabs-alltabs-button:-moz-system-metric(touch-enabled) {
+  min-width: .81cm;
+}
+
+.tabs-newtab-button:-moz-system-metric(touch-enabled) {
+  min-width: 1cm;
+}
+
 .tabbrowser-arrowscrollbox > .scrollbutton-up:not([disabled="true"]):hover,
 .tabbrowser-arrowscrollbox > .scrollbutton-down:not([disabled="true"]):hover,
 .tabs-newtab-button:hover,
@@ -1685,6 +1710,10 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
   -moz-image-region: rect(0, 13px, 11px, 0);
 }
 
+#urlbar > .autocomplete-history-dropmarker:-moz-system-metric(touch-enabled) {
+  min-width: .64cm;
+}
+
 #urlbar > .autocomplete-history-dropmarker:hover ,
 #urlbar > .autocomplete-history-dropmarker[open="true"] {
   background: -moz-dialog url(navbar-textbox-buttons.png) repeat-x 0 -60px !important;
@@ -1719,7 +1748,6 @@ toolbar[mode="text"] > #window-controls > toolbarbutton > .toolbarbutton-text {
 #feed-button {
   -moz-appearance: none; 
   min-width: 0px; 
-  padding: 0 2px !important;
   list-style-image: url("chrome://browser/skin/feeds/feed-icons-16.png");
   -moz-image-region: rect(0px 16px 16px 0px);
 }

browser/themes/winstripe/browser/searchbar.css

@@ -94,6 +94,11 @@
   -moz-image-region: rect(0px 16px 16px 0px);
 }
 
+.search-go-button:-moz-system-metric(touch-enabled) {
+  -moz-padding-start: 5px;
+  -moz-padding-end: 3px;
+}
+
 .search-go-button:-moz-locale-dir(rtl) {
   -moz-transform: scaleX(-1);
 }