From 5c38368e600d04f4d2055a97c0b57a6dea520bd5 Mon Sep 17 00:00:00 2001
From: czaks <marcin@6irc.net>
Date: Sun, 6 Apr 2014 22:28:26 +0200
Subject: [PATCH] webm: more integration

---
 js/expand-video.js  |  6 +++---
 js/webm-settings.js | 10 ++++++----
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/js/expand-video.js b/js/expand-video.js
index 96427667..530b8cac 100644
--- a/js/expand-video.js
+++ b/js/expand-video.js
@@ -208,9 +208,9 @@ function setupVideosIn(element) {
     }
 }
 
-if (window.addEventListener) window.addEventListener("load", function(e) {
+onready(function(){
     // Insert menu from settings.js
-    if (typeof settingsMenu != "undefined") document.body.insertBefore(settingsMenu, document.body.firstChild);
+    if (typeof settingsMenu != "undefined") document.body.insertBefore(settingsMenu, document.getElementsByTagName("hr")[0]);
 
     // Setup Javascript events for videos in document now
     setupVideosIn(document);
@@ -231,5 +231,5 @@ if (window.addEventListener) window.addEventListener("load", function(e) {
         });
         observer.observe(document.body, {childList: true, subtree: true});
     }
-}, false);
+});
 
diff --git a/js/webm-settings.js b/js/webm-settings.js
index f67e42d6..6b1ed45c 100644
--- a/js/webm-settings.js
+++ b/js/webm-settings.js
@@ -31,10 +31,12 @@ function changeSetting(name, value) {
 }
 
 // Create settings menu
-var settingsMenu = document.createElement("span");
-settingsMenu.className = "settings";
-settingsMenu.innerHTML = '<span>[WebM Settings]</span>'
-    + '<div style="display: none; text-align: left; position: absolute; right: 0px; margin-left: -999em; margin-top: -1px; padding-top: 1px;">'
+var settingsMenu = document.createElement("div");
+settingsMenu.style.textAlign = "right";
+settingsMenu.style.background = "inherit";
+
+settingsMenu.innerHTML = '<a class="unimportant" href="javascript:void(0)"><span>WebM Settings</span></a>'
+    + '<div style="display: none; text-align: left; position: absolute; right: 1em; margin-left: -999em; margin-top: -1px; padding-top: 1px; background: inherit;">'
     + '<label><input type="checkbox" name="videoexpand">Expand videos inline</label><br>'
     + '<label><input type="checkbox" name="videohover">Play videos on hover</label><br>'
     + '<label><input type="range" name="videovolume" min="0" max="1" step="0.01" style="width: 4em; height: 1ex; vertical-align: middle; margin: 0px;">Default volume</label><br>'