Made settings button right aligned and toggable

editor/css/editor.css

@@ -52,3 +52,7 @@ div#ks-editor img.preview-image {
     max-width: 5rem;
     height: auto;
 }
+
+div#ks-editor #toolbar-settings {
+    float: right;
+}

editor/js/toolbar.js

@@ -64,7 +64,12 @@ export default class Toolbar {
             "",
             tool,
             (e) => {
-                state.setTool(e.data);
+                var sameTool = state.tool === tool;
+                if (sameTool && tool.toggleBehaviour) {
+                    state.setTool(state.previousTool);
+                } else {
+                    state.setTool(e.data);
+                }
             }
         );
     }

editor/js/tools/settingstool.js

@@ -9,7 +9,7 @@ import Tool from "./tool";
 
 export default class SettingsTool extends Tool {
     constructor(key) {
-        super("Settings", "settings", key, new SettingsMenu());
+        super("Settings", "settings", key, new SettingsMenu(), true);
     }
 
     onMenuChange(key, value) {

editor/js/tools/tool.js

 export default class Tool {
-    constructor(name, icon, key, menu) {
+    constructor(name, icon, key, menu, toggleBehaviour = false) {
         this.name = name;
         this.icon = icon;
         this.key = key;
         this.warnings = false;
         this.menu = menu;
+        this.toggleBehaviour = toggleBehaviour;
 
         if (this.menu !== undefined) {
             this.menu.loadTool(this);