From 86ee19905e97f671ba0f71866261d6da6055d821 Mon Sep 17 00:00:00 2001
From: Tom Arild Jakobsen <tajakobsen@gmail.com>
Date: Fri, 7 Apr 2017 10:28:17 +0200
Subject: [PATCH] Fix confirmation dialog confirm icon

 * Position icon up a bit
 * Fix icon not showing in IE at all

Relates to: HFP-889
---
 js/h5p-confirmation-dialog.js      | 4 ++--
 styles/h5p-confirmation-dialog.css | 2 ++
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/js/h5p-confirmation-dialog.js b/js/h5p-confirmation-dialog.js
index a06166b..d34f620 100644
--- a/js/h5p-confirmation-dialog.js
+++ b/js/h5p-confirmation-dialog.js
@@ -118,8 +118,8 @@ H5P.ConfirmationDialog = (function (EventDispatcher) {
 
     // Confirm button
     var confirmButton = document.createElement('button');
-    confirmButton.classList.add('h5p-core-button',
-      'h5p-confirmation-dialog-confirm-button');
+    confirmButton.classList.add('h5p-core-button');
+    confirmButton.classList.add('h5p-confirmation-dialog-confirm-button');
     confirmButton.textContent = options.confirmText;
 
     // Exit button
diff --git a/styles/h5p-confirmation-dialog.css b/styles/h5p-confirmation-dialog.css
index 47f727a..5a8f597 100644
--- a/styles/h5p-confirmation-dialog.css
+++ b/styles/h5p-confirmation-dialog.css
@@ -113,4 +113,6 @@ button.h5p-confirmation-dialog-exit:hover {
 
 .h5p-core-button.h5p-confirmation-dialog-confirm-button:before {
   content: "\e601";
+  margin-top: -6px;
+  display: inline-block;
 }