docs/diff: restyled the docs diff

diff --git a/src/templates/docs/diff.html b/src/templates/docs/diff.html
index 80b6b523f524a94caa479a29a97cf4d22180520e..18cb5e75a82a2747776b6cba3cd736347037d540 100644 (file)
--- a/src/templates/docs/diff.html
+++ b/src/templates/docs/diff.html
@@ -3,27 +3,27 @@
 {% block title %}{{ _("Differences in Revisions") }} - {{ page.title }}{% end block %}
 
 {% block main %}
-       <div class="card mb-3">
-               <div class="card-body">
-                       <h4 class="card-title">
+       <div class="container">
+               <section class="section">
+                       <h4 class="title is-4 has-text-centered">
                                {{ _("Differences in Revisions: %s") % page.title }}
                        </h4>
 
-                       <div class="row mb-3">
-                               <div class="col col-md-5 text-center">
-                                       <h6 class="mb-0">{{ _("Older Revision") }}</h6>
+                       <div class="columns">
+                               <div class="column is-one-third has-text-centered">
+                                       <h6 class="title is-6">{{ _("Older Revision") }}</h6>
 
                                        <a href="{{ a.url }}?revision={{ a.timestamp.isoformat() }}">
                                                {{ locale.format_date(a.timestamp) }}
                                        </a>
                                </div>
 
-                               <div class="col col-md-2 text-center">
+                               <div class="column is-one-third has-text-centered">
                                        &raquo;
                                </div>
 
-                               <div class="col col-md-5 text-center">
-                                       <h6 class="mb-0">{{ _("Newer Revision") }}</h6>
+                               <div class="column is-one-third has-text-centered">
+                                       <h6 class="title is-6">{{ _("Newer Revision") }}</h6>
 
                                        <a href="{{ b.url }}?revision={{ b.timestamp.isoformat() }}">
                                                {{ locale.format_date(b.timestamp) }}
@@ -32,8 +32,8 @@
                        </div>
 
                        {% if b.changes %}
-                               <div class="alert alert-light">
-                                       {{ b.changes }}
+                               <div class="notification has-text-centered">
+                                       {{ b.changes }}
                                </div>
                        {% end %}
 

diff --git a/src/templates/docs/modules/diff.html b/src/templates/docs/modules/diff.html
index d657f153f1eb9337cbda3ff2facb1157e1fdb0c8..42f1fec2683e409e91eca2c229fba1093becf1e6 100644 (file)
--- a/src/templates/docs/modules/diff.html
+++ b/src/templates/docs/modules/diff.html
@@ -1,11 +1,13 @@
-<table class="table table-sm small font-monospace">
-       <tbody>
-               {% for line in diff %}
-                       {% if not line.startswith("?") %}
-                               <tr class="{% if line.startswith("+") %}table-success{% elif line.startswith("-") %}table-danger{% end %}">
-                                       <td>{% if line[2:] %}{{ line[2:] }}{% else %}&nbsp;{% end %}</td>
-                               </tr>
+<div class="container">
+       <table class="table is-family-monospace">
+               <tbody>
+                       {% for line in diff %}
+                               {% if not line.startswith("?") %}
+                                       <tr class="{% if line.startswith("+") %}is-success{% elif line.startswith("-") %}is-danger{% end %}">
+                                               <td>{% if line[2:] %}{{ line[2:] }}{% else %}&nbsp;{% end %}</td>
+                                       </tr>
+                               {% end %}
                        {% end %}
-               {% end %}
-       </tbody>
-</table>
+               </tbody>
+       </table>
+</div>
\ No newline at end of file