//Toggle PersonalToolbar + Browser Test

(function ptbut() {


    if (location != 'chrome://browser/content/browser.xul' && location != 'chrome://browser/content/browser.xhtml')
       return;

    try {
        CustomizableUI.createWidget({
            id: 'PersonalToolbar-button',
            type: 'custom',
            defaultArea: CustomizableUI.AREA_NAVBAR,
                onBuild: function(aDocument) {
                    var toolbaritem = aDocument.createXULElement('toolbarbutton');
                    var props = {
                        id: 'PersonalToolbar-button',
                        class: 'toolbarbutton-1 chromeclass-toolbar-additional',
                        removable: true,
                        label: 'Toggle Bookmarks',
                        tooltiptext: 'Toggle Bookmarktoolbar',
                    };

                    for(var p in props)
                        toolbaritem.setAttribute(p, props[p]);
                    return toolbaritem;

                }
        });
        CustomizableUI.registerToolbarNode(tb);
    } catch(e) { };


document.getElementById('PersonalToolbar-button').addEventListener( "click", onClick );

document.addEventListener('keydown', (event) => {
        var keyName = event.key;

        // Mac keyboard shortcut German Cmd + <
        if (event.metaKey && keyName == '<') {
           onClick(event);
        }
    }, false
);
    function onClick(aEvent) {

        var d2 = document.getElementById('PersonalToolbar');
        d2.classList.toggle("wide-mode");

        var d1 = document.getElementById('browser');
        d1.classList.toggle("margin");

     }
})();