Bug 521120: Search button that cuts off looks broken, and user unable to scroll thru the list [r=gavin.sharp]

mobile/themes/hildon/browser.css

@@ -530,13 +530,23 @@ placeitem[ui="manage"] > .bookmark-manage > image {
 }
 
 #autocomplete_navbuttons {
-  padding: 0.5mm 1mm; /* half core spacing & core spacing */
+  padding: 0.5mm 0; /* half core spacing & none (autorepeat arrows compensate) */
   min-height: 6mm; /* row size */
   -moz-user-focus: ignore;
 }
 
-#autocomplete_navbuttons autorepeatbutton {
-  display: none;
+#autocomplete_navbuttons .autorepeatbutton-down {
+  list-style-image: url(images/arrowrightdark-16.png);
+}
+
+#autocomplete_navbuttons .autorepeatbutton-up {
+  list-style-image: url(images/arrowleftdark-16.png);
+}
+
+/* force the autorepeat buttons to create a 'padding' when collapsed */
+#autocomplete_navbuttons autorepeatbutton[collapsed="true"],
+#autocomplete_navbuttons autorepeatbutton[disabled="true"] {
+  visibility: hidden;
 }
 
 .autocomplete-items {

mobile/themes/hildon/jar.mn

@@ -17,6 +17,8 @@ chrome.jar:
   images/aboutBackground.jpg           (images/aboutBackground.jpg)
   images/arrowright-16.png             (images/arrowright-16.png)
   images/arrowup-16.png                (images/arrowup-16.png)
+  images/arrowleftdark-16.png          (images/arrowleftdark-16.png)
+  images/arrowrightdark-16.png         (images/arrowrightdark-16.png)
   images/ratings-18.png                (images/ratings-18.png)
   images/favicon-default-30.png        (images/favicon-default-30.png)
   images/starred-64.png                (images/starred-64.png)

mobile/themes/wince/browser.css

@@ -293,13 +293,24 @@ placeitem[ui="manage"] > .bookmark-manage > image {
 }
 
 #autocomplete_navbuttons {
-  padding: 1.1mm; /* core spacing */
+  padding: 0.5mm 0; /* half core spacing & none (autorepeat arrows compensate) */
   min-height: 7.2mm; /* row size */
   -moz-user-focus: ignore;
 }
 
-#autocomplete_navbuttons autorepeatbutton {
-  display: none;
+/* same images used for high and low */
+#autocomplete_navbuttons .autorepeatbutton-down {
+  list-style-image: url(images/arrowrightdark-16.png);
+}
+
+#autocomplete_navbuttons .autorepeatbutton-up {
+  list-style-image: url(images/arrowleftdark-16.png);
+}
+
+/* force the autorepeat buttons to create a 'padding' when collapsed */
+#autocomplete_navbuttons autorepeatbutton[collapsed="true"],
+#autocomplete_navbuttons autorepeatbutton[disabled="true"] {
+  visibility: hidden;
 }
 
 .autocomplete-items {

mobile/themes/wince/jar.mn

@@ -17,6 +17,8 @@ chrome.jar:
   images/aboutBackground.jpg           (images/aboutBackground.jpg)
   images/arrowright-16.png             (images/arrowright-16.png)
   images/arrowup-16.png                (images/arrowup-16.png)
+  images/arrowleftdark-16.png          (images/arrowleftdark-16.png)
+  images/arrowrightdark-16.png         (images/arrowrightdark-16.png)
   images/ratings-18.png                (images/ratings-18.png)
   images/favicon-default-30.png        (images/favicon-default-30.png)
   images/starred-64.png                (images/starred-64.png)