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 = '[WebM Settings]' - + '
' +var settingsMenu = document.createElement("div"); +settingsMenu.style.textAlign = "right"; +settingsMenu.style.background = "inherit"; + +settingsMenu.innerHTML = 'WebM Settings' + + '
' + '
' + '
' + '
'