From f6449a6043941456eb00b4c08ab802715764f414 Mon Sep 17 00:00:00 2001
From: Paal Joergensen <pal.jorgensen@gmail.com>
Date: Tue, 20 Dec 2016 13:08:49 +0100
Subject: [PATCH] Improving confirmation dialog [HFP-375]

---
 styles/h5p-confirmation-dialog.css | 13 +++++++------
 styles/h5p-core-button.css         |  8 +++++---
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/styles/h5p-confirmation-dialog.css b/styles/h5p-confirmation-dialog.css
index 2923b17..7e5196f 100644
--- a/styles/h5p-confirmation-dialog.css
+++ b/styles/h5p-confirmation-dialog.css
@@ -5,7 +5,7 @@
   left: 0;
   top: 0;
 
-  background: rgba(255, 255, 255, 0.85);
+  background: rgba(28, 34, 41, 0.9);
   opacity: 1;
   visibility: visible;
   -webkit-transition: opacity 0.1s, linear 0s, visibility 0s linear 0s;
@@ -46,7 +46,7 @@
   transform: translate(-50%, 0%);
 
   color: #555;
-  box-shadow: 0 0 6px 1px #ddd;
+  box-shadow: 0 0 6px 3px #424242;
 
   -webkit-transition: transform 0.1s ease-in;
   transition: transform 0.1s ease-in;
@@ -61,7 +61,7 @@
 .h5p-confirmation-dialog-header {
   padding: 1.5em;
   background: #fff;
-  color: #1a73d9;
+  color: #356593;
 }
 
 .h5p-confirmation-dialog-header-text {
@@ -69,8 +69,9 @@
 }
 
 .h5p-confirmation-dialog-body {
+  background: #fafbfc;
+  border-top: solid 1px #dde0e9;
   padding: 1.25em 1.5em;
-  background: #fafafa;
 }
 
 .h5p-confirmation-dialog-text {
@@ -90,14 +91,14 @@ button.h5p-confirmation-dialog-exit {
   font-size: 2.5em;
   top: -0.9em;
   right: -1.15em;
-  color: #777;
+  color: #fff;
   cursor: pointer;
   text-decoration: none;
 }
 
 button.h5p-confirmation-dialog-exit:focus,
 button.h5p-confirmation-dialog-exit:hover {
-  color: #555;
+  color: #E4ECF5;
 }
 
 .h5p-confirmation-dialog-exit:before {
diff --git a/styles/h5p-core-button.css b/styles/h5p-core-button.css
index 3ba392e..eb4e08d 100644
--- a/styles/h5p-core-button.css
+++ b/styles/h5p-core-button.css
@@ -1,13 +1,15 @@
 button.h5p-core-button:visited,
 button.h5p-core-button:link,
 button.h5p-core-button {
+  font-family: "Open Sans", sans-serif;
+  font-weight: 600;
   font-size: 1em;
   line-height: 1.2;
   padding: 0.5em 1.25em;
   border-radius: 2em;
 
-  background: #1a73d9;
-  color: #ffffff;
+  background: #488ac9;
+  color: #fff;
 
   cursor: pointer;
   border: none;
@@ -22,7 +24,7 @@ button.h5p-core-button {
 }
 button.h5p-core-button:hover,
 button.h5p-core-button:focus {
-  background: #1356a3;
+  background: #3b71a5;
   color: #fff;
   text-decoration: none;
   -webkit-transition: initial;