From 6b60b4f112c7256fc639f1d9f5857396343e1ecc Mon Sep 17 00:00:00 2001
From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 25 May 2024 15:40:01 +0000
Subject: [PATCH] docs/confirm-restore: fix bug 13538

* add div class field
* responsive size for desktop/ mobile

Signed-off-by: Rico Hoppe <rico.hoppe@ipfire.org>
---
 src/templates/docs/confirm-restore.html | 46 +++++++++++++++----------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/templates/docs/confirm-restore.html b/src/templates/docs/confirm-restore.html
index 06557f0c..3fb19413 100644
--- a/src/templates/docs/confirm-restore.html
+++ b/src/templates/docs/confirm-restore.html
@@ -30,30 +30,38 @@
 
 	<div class="container">
 		<section class="section">
-			<div class="block">
-				<p>
-					{{ _("Do you really want to restore this page to its revision from %s?") % locale.format_date(page.timestamp) }}
-				</p>
-			</div>
+			<div class="columns is-centered">
+				<div class="column is-one-third-desktop is-full-mobile">
+					<div class="block">
+						<p>
+							{{ _("Do you really want to restore this page to its revision from %s?") % locale.format_date(page.timestamp) }}
+						</p>
+					</div>
 
-			<div class="block">
-				<form action="/docs/_restore" method="POST">
-					{% raw xsrf_form_html() %}
+					<div class="block">
+						<form action="/docs/_restore" method="POST">
+							{% raw xsrf_form_html() %}
 
-					<input type="hidden" name="path" value="{{ page.page }}">
-					<input type="hidden" name="revision" value="{{ page.timestamp.isoformat() }}">
+							<input type="hidden" name="path" value="{{ page.page }}">
+							<input type="hidden" name="revision" value="{{ page.timestamp.isoformat() }}">
 
-					<div class="control">
-						<input class="input" type="text" name="comment"
-							placeholder="{{ _("Comment") }}">
-					</div>
+							<div class="field">
+								<div class="control">
+									<input class="input" type="text" name="comment"
+										placeholder="{{ _("Comment") }}">
+								</div>
+							</div>
 
-					<div class="control">
-						<button type="submit" class="button is-warning">
-							{{ _("Restore") }}
-						</button>
+							<div class="field">
+								<div class="control">
+									<button type="submit" class="button is-warning">
+										{{ _("Restore") }}
+									</button>
+								</div>
+							</div>
+						</form>
 					</div>
-				</form>
+				</div>
 			</div>
 		</section>
 	</div>
-- 
2.47.2