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 06557f0c38287b42989c6142f65f1b4b76ac2c56..3fb194130fd272453498176f66829d4406eaa47a 100644 (file)
--- 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>