Only single make live button at top

extra_markdown.tpl

@@ -31,7 +31,7 @@ window.addEventListener('load', function() {
 {% endif %}
 {% endblock %}
 
-{% block data_svg %}
+{% block data_priority %}
 {% if cell.metadata.attributes and cell.metadata.attributes.editable == 'false' %}
 {{ super() }}
 {% else %}
@@ -39,9 +39,6 @@ window.addEventListener('load', function() {
 <div class="thebelab-output" data-output="true" markdown="1">
 {{ super() }}
 </div>
-<button class="thebelab-button thebelab-activate-button" onclick="initThebelab()">
-  Enable live code
-</button>
 {% endif %}
 {% endblock %}
 

src/scripts/thebelabhelper.js

@@ -8,5 +8,7 @@ function initThebelab() {
             let runButton = initDivs[i].firstElementChild.childNodes[1]
             runButton.click();
         }
-    }, 500)    
+    }, 500)
+    let activateButton = document.getElementById("thebelab-activate-button");
+    activateButton.parentElement.removeChild(activateButton);
 }
\ No newline at end of file

src/styles/thebelab.css

@@ -6,10 +6,6 @@
     display: none;
 }
 
-.thebelab-cell + p > button.thebelab-activate-button {
-    display: none;
-}
-
 .thebelab-button {
     position: relative;
     display: inline-block;
@@ -40,7 +36,7 @@
     color: rgba(0, 0, 0, 1)
 }
 
-.thebelab-activate-button {
+#thebelab-activate-button {
     margin-top: -1rem;
     float: right;
 }

theme/main.html

@@ -39,3 +39,7 @@
 <!-- End ThebeLab config -->
 {{ super() }}
 {% endblock %}
+
+{% block content %}
+{{ super() | replace('</h1>', '</h1> <button id="thebelab-activate-button" class="thebelab-button" onclick="initThebelab()">Make live</button>', count=1) }}
+{% endblock %}
\ No newline at end of file