Move open debug buttons to the settings modal, add a blurry background for modals

instance/main.js

@@ -97,8 +97,8 @@ window.onload = () => {
     addIpcToButton('selectPool', ['select-pool']);
     addIpcToButton('openMdtView', ['select-mdt']);
 
-    addIpcToButton('openKurisu', ['toggle-kurisu']);
-    addIpcToButton('openUserView', ['toggle-client-view']);
+    addIpcToButton('open-kurisu-view', ['toggle-kurisu']);
+    addIpcToButton('open-user-view', ['toggle-client-view']);
 
     ipcRenderer.send('verify-lektord');
     logger.debug('instance', 'Window loaded');

instance/views/menubar.ejs

@@ -17,8 +17,6 @@
     </div>
     <div class="btn-group" role="group"><%- include('menubar/buttons.ejs', {type: 'secondary', buttons: [
         {id: 'btn-settings', tooltip: 'Open settings',                  name: 'cogs'},
-        {id: 'openKurisu',   tooltip: 'Open Kurisu in a new page',      name: 'compass'},
-        {id: 'openUserView', tooltip: 'Open client view in a new page', name: 'user-friends'},
         {id: 'openMdtView',  tooltip: 'Open metadata view',             name: 'music'},
         {id: 'closeButton',  tooltip: 'Quit Amadeus',                   name: 'window-close'},
     ]}); %></div>

instance/views/settings.ejs

 <%# vim: ts=4 syntax=html
     The template for the settings modal %>
-<div id="modal-settings" class="modal bd-example-modal-lg" tabindex="-1" role="dialog" style="overflow-y: scroll">
+<div id="modal-settings" class="modal bd-example-modal-lg" tabindex="-1" role="dialog" style="overflow-y: scroll; background: #868e96f2;">
     <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
         <div class="modal-content">
             <div class="modal-header">
                 <h2 class="modal-title">Amadeus settings</h2>
-                <button type="button" class="btn btn-outline-primary btn-lg modal-close" aria-label="Close">
-                    <i class="fas fa-window-close"></i>
-                </button>
+                <div class="btn-group">
+                    <%- include('settings/button.ejs', {id: 'open-user-view', name: 'User View'}); %>
+                    <%- include('settings/button.ejs', {id: 'open-kurisu-view', name: 'Kurisu'}); %>
+                    <button type="button" class="btn btn-outline-primary btn-lg modal-close" aria-label="Close">
+                        <i class="fas fa-window-close"></i>
+                    </button>
+                </div>
             </div>
             <div class="modal-body">
                 <form>

instance/views/settings/button.ejs

+<%# vim: ts=4 syntax=html
+    The template for a button %>
+<button type="button" class="btn btn-outline-secondary text-light btn-sm" style="border: 0px;" id="<%= id %>"><%= name %></button>