Print Preview component extension

chrome/browser/resources/shared/css/button.css

Index: chrome/browser/resources/shared/css/button.css
diff --git a/chrome/browser/resources/shared/css/button.css b/chrome/browser/resources/shared/css/button.css
index 8a3d9308508e7ca33aaebaaf704cfd82db2ba9a8..954387a574056057133975d7320de3bfe5f40961 100644
--- a/chrome/browser/resources/shared/css/button.css
+++ b/chrome/browser/resources/shared/css/button.css
@@ -7,11 +7,36 @@ button {
                                from(#ffffff), to(#e3e3e3));
 }
 
+button.dropdown {
+  background-image: url("chrome://resources/images/dropdown_arrow.png"),
+                    -webkit-gradient(linear, 0 50%, 0 100%,
+                                     from(#ffffff), to(#e3e3e3));
+  background-repeat: no-repeat, no-repeat;
+  background-position: center right, top left;
+}
+
+/* TODO(feldstein): This should use -webkit-padding-end once it
+   is supported. https://bugs.webkit.org/show_bug.cgi?id=41322 */
+html:not([dir="rtl"]) button.dropdown {
+  padding-right: 15px;
+}
+
+html[dir="rtl"] button.dropdown {
+  background-position: center left, top right;
+  padding-left: 15px;
+}
+
 button:active {
-  background: -webkit-gradient(linear, 0 4%, 0 100%,
+  background-image: -webkit-gradient(linear, 0 4%, 0 100%,
                                from(#c3c3c3), to(#f5f5f5));
 }
 
+button.dropdown:active {
+  background-image: url("chrome://resources/images/dropdown_arrow.png"),
+                    -webkit-gradient(linear, 0 4%, 0 100%,
+                                     from(#c3c3c3), to(#f5f5f5));
+}
+
 button:focus {
   /* TODO(feldstein): find a better way to keep buttons same size. */
   padding: 4px 7px;