quick patch for #66

brain/views/dash/settings.twig

@@ -22,8 +22,8 @@
 					</svg>
 				</button>
 				<button id="render-toggle" title="render on save toggle" data-render="{{ renderOnSave }}">
-					<svg id="render-toggle" class="icons">
+					<svg id="render-toggle-icon" class="icons">
-						<use id="submit-update" xlink:href="/assets/images/global/sprite.svg#entypo-circular-graph"/>		
+						<use xlink:href="/assets/images/global/sprite.svg#entypo-circular-graph"/>		
 					</svg>
 				</button>				
 			</div>

src/com/controllers/SettingsIndex.js

@@ -101,6 +101,9 @@ export default class SettingsIndex {
     document
       .getElementById("render-toggle")
       .addEventListener("click", (e) => this.toggleRender(e));
+    document
+      .getElementById("render-toggle-icon")
+      .addEventListener("click", (e) => this.toggleRender(e));
     //handle theme toggle
     let themeBtns = document.querySelectorAll(".theme-select");
     for (var i = 0, length = themeBtns.length; i < length; i++) {
@@ -140,11 +143,12 @@ export default class SettingsIndex {
   toggleRender(e) {
     e.stopPropagation();
     e.preventDefault();
-    if (e.target.getAttribute("data-render") == "false") {
+    let button = document.getElementById("render-toggle");
-      e.target.setAttribute("data-render", "true");
+    if (button.getAttribute("data-render") == "false") {
+      button.setAttribute("data-render", "true");
       //e.target.innerHTML = 'RENDER PAGES ON SAVE';
     } else {
-      e.target.setAttribute("data-render", "false");
+      button.setAttribute("data-render", "false");
       //e.target.innerHTML = "DON'T RENDER PAGES ON SAVE";
     }
   }