--- a/templates/default/doc/doc.html	Tue May 26 12:38:56 2020 +0200
+++ b/templates/default/doc/doc.html	Fri Apr 16 18:51:12 2021 +0200
@@ -1,18 +1,23 @@
 {% if not embedded %}{% extends 'base/base.html' %}{% endif %}
 
-{% block body %}
-<div class="box box--medium box--center">
-    <p>
-        {% trans %}
-        Please select the documentation you want to see.
-        {% endtrans %}
-    </p>
-    <ul class="list list--inline">
-    {% for name in all_docs %}
-        {% set selected = "list__item--selected" if name == doc_name else "" %}
-        <li class="list__item {{selected}}"><a href="{{page_url}}/{{name}}">{{name}}</a></li>
-    {% endfor %}
-    </ul>
+{% block body_wrapper %}
+<div class="section has-background-white">
+    <div class="container">
+        <div class="message is-info">
+            <div class="message-body">
+                {% trans %}
+                Please select the documentation that you want to see.
+                {% endtrans %}
+            </div>
+        </div>
+        <div class="tabs">
+            <ul>
+                {% for name in all_docs %}
+                    <li class="{{"is-active" if name == doc_name}}"><a href="{{page_url}}/{{name}}">{{name}}</a></li>
+                {% endfor %}
+            </ul>
+        </div>
+    </div>
 </div>
-<iframe src="{{build_path}}doc/{{doc_name}}" onload="fitHeightToContent(this)"></iframe>
-{% endblock body %}
+<iframe class="is-full-width" src="{{build_path}}doc/{{doc_name}}" onload="fitHeightToContent(this)"></iframe>
+{% endblock body_wrapper %}