From: Rico Hoppe <rico.hoppe@ipfire.org>
Date: Sat, 25 May 2024 15:40:01 +0000 (+0000)
Subject: docs/confirm-restore: fix bug 13538
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=693a8d117a613a08b618ab699e5f15688a2cec4b;p=ipfire.org.git

docs/confirm-restore: fix bug 13538

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

Signed-off-by: Rico Hoppe <rico.hoppe@ipfire.org>
Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

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>