From 298a7ee3866eb450fcec47b39fa95f2cf68b8fb2 Mon Sep 17 00:00:00 2001
From: Damyon Wiese <damyon@moodle.com>
Date: Thu, 24 Oct 2013 13:22:39 +0800
Subject: [PATCH] MDL-42402 EditPDF: CSS Improvements for editing toolbar.

The main change here is to prevent the default rendering of a select list for the page
selector, so that it looks more consistent with the rest of the toolbar on different
browsers/os combinations.

This is done with some vendor specific css rules targeting webkit, mozilla and ie.

There are also some minor tweaks to vertically align the images in the buttons and reduce the padding
above and below the toolbar.
---
 mod/assign/feedback/editpdf/styles.css | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/mod/assign/feedback/editpdf/styles.css b/mod/assign/feedback/editpdf/styles.css
index 71326eac176..22edc04d511 100644
--- a/mod/assign/feedback/editpdf/styles.css
+++ b/mod/assign/feedback/editpdf/styles.css
@@ -22,7 +22,7 @@
 .assignfeedback_editpdf_widget .pageheader {
     background-color: #ebebeb;
     border-bottom: 1px solid #cccccc;
-    padding: 4px;
+    padding: 0px;
     padding-left: 20px;
     padding-right: 20px;
     min-height: 50px;
@@ -44,6 +44,9 @@
 .yui3-commentmenu-hidden {
     display: none;
 }
+.assignfeedback_editpdf_widget .pageheader button img {
+    padding-top: 2px;
+}
 .assignfeedback_editpdf_widget .pageheader button:active {
     background-color: #ccc;
 }
@@ -57,6 +60,15 @@
     height: 30px;
     cursor: pointer;
 }
+.assignfeedback_editpdf_widget .pageheader select {
+    vertical-align: top;
+    -webkit-appearance: none;
+    -moz-appearance: menulist-text;
+    background-color: #fff;
+}
+.assignfeedback_editpdf_widget .pageheader select::-ms-expand {
+    display: none;
+}
 
 .assignfeedback_editpdf_widget .pageheader .navigation button + button,
 .assignfeedback_editpdf_widget .pageheader .toolbar button + button,