Make live button as magic wand

mkdocs.yml

@@ -52,6 +52,7 @@ markdown_extensions:
   - meta
 
 extra_css:
+  - 'https://use.fontawesome.com/releases/v5.8.1/css/all.css'
   - 'styles/thebelab.css'
 
 extra_javascript:

src/styles/thebelab.css

@@ -37,8 +37,8 @@
 }
 
 #thebelab-activate-button {
-    margin-top: -1rem;
-    float: right;
+    font-size: 1rem;
+    margin-left: 0.4rem;
 }
 
 .thebelab-button.thebelab-restart-button {

theme/main.html

@@ -48,7 +48,10 @@
 
 {% block content %}
 {% if 'thebelab-code' in super() %}
-{{ super() | replace('</h1>', '</h1> <button id="thebelab-activate-button" class="thebelab-button" onclick="initThebelab()">Make live</button>', count=1) }}
+<a title="Make live" id="thebelab-activate-button" class="md-icon md-content__icon" onclick="initThebelab()">
+  <i class="fas fa-magic"></i>
+</a>
+{{ super() }}
 {% else %}
 {{ super() }}
 {% endif %}