From 23610c1cb8bb45fbde38d96325411d9793ece857 Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Thu, 12 Oct 2023 19:20:02 +0000
Subject: [PATCH] docs/diff: restyled the docs diff

---
 src/templates/docs/diff.html         | 22 +++++++++++-----------
 src/templates/docs/modules/diff.html | 22 ++++++++++++----------
 2 files changed, 23 insertions(+), 21 deletions(-)

diff --git a/src/templates/docs/diff.html b/src/templates/docs/diff.html
index 80b6b523..18cb5e75 100644
--- 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 d657f153..42f1fec2 100644
--- 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
-- 
2.47.3