From 76b8e99ffb99e985ddec5cf9964dcbdc04da156b Mon Sep 17 00:00:00 2001
From: Hugo Kerstens <hugokk@hotmail.nl>
Date: Mon, 6 May 2019 20:37:24 +0200
Subject: [PATCH] Make live button as magic wand
---
mkdocs.yml | 1 +
src/styles/thebelab.css | 4 ++--
theme/main.html | 5 ++++-
3 files changed, 7 insertions(+), 3 deletions(-)
diff --git a/mkdocs.yml b/mkdocs.yml
index 60c0c718..dee89ae9 100644
--- a/mkdocs.yml
+++ b/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:
diff --git a/src/styles/thebelab.css b/src/styles/thebelab.css
index 11ba3160..4ae792a8 100644
--- a/src/styles/thebelab.css
+++ b/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 {
diff --git a/theme/main.html b/theme/main.html
index 2a4419af..eea4e662 100644
--- a/theme/main.html
+++ b/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 %}
--
GitLab