From 4592b3b447836cd19c3b085a4c713e7037c28603 Mon Sep 17 00:00:00 2001
From: Oliver Tacke <o.tacke@posteo.de>
Date: Sat, 10 Aug 2019 13:37:40 +0200
Subject: [PATCH] Adjust stylesheet to better match WordPress look

---
 js/h5p-data-view.js  | 5 ++---
 styles/h5p-admin.css | 9 +++++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/js/h5p-data-view.js b/js/h5p-data-view.js
index 8770254..3d628bb 100644
--- a/js/h5p-data-view.js
+++ b/js/h5p-data-view.js
@@ -430,12 +430,11 @@ var H5PDataView = (function ($) {
       'class': 'h5p-others-contents-toggler-label',
       'text': this.l10n.showOwnContentOnly,
       'for': 'h5p-others-contents-toggler'
-    });
+    }).prepend(this.$othersContentToggler);
 
     $('<div>', {
       'class': 'h5p-others-contents-toggler-wrapper'
-    }).append(this.$othersContentToggler)
-      .append($label)
+    }).append($label)
       .appendTo(this.$container);
   };
 
diff --git a/styles/h5p-admin.css b/styles/h5p-admin.css
index 0b092b0..6830612 100644
--- a/styles/h5p-admin.css
+++ b/styles/h5p-admin.css
@@ -268,6 +268,15 @@ button.h5p-admin.disabled:hover {
 
 .h5p-data-view .h5p-others-contents-toggler-wrapper {
   float: right;
+  line-height: 2;
+  margin-right: 0.5em;
+}
+
+.h5p-data-view .h5p-others-contents-toggler-label {
+  font-size: 14px;
+}
+
+.h5p-data-view .h5p-others-contents-toggler {
   margin-right: 0.5em;
 }