docs: Make the content column and images less wide

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/backend/wiki.py b/src/backend/wiki.py
index 95849ee13979de6d8cf958fe7a4809a3e58ff11e..3044a8c84ea47f95d8de0a2d7007ef87ae410d14 100644 (file)
--- a/src/backend/wiki.py
+++ b/src/backend/wiki.py
@@ -615,10 +615,14 @@ class WikiRenderer(misc.Object):
                alt_text, url, caption = m.groups()
 
                html = """
-                       <figure class="image">
-                               <img src="/docs%s" alt="%s">
-                               <figcaption class="figure-caption">%s</figcaption>
-                       </figure>
+                       <div class="columns is-centered">
+                               <div class="column is-8">
+                                       <figure class="image">
+                                               <img src="/docs%s" alt="%s">
+                                               <figcaption class="figure-caption">%s</figcaption>
+                                       </figure>
+                               </div>
+                       </div>
                """
 
                # Skip any absolute and external URLs

diff --git a/src/templates/docs/page.html b/src/templates/docs/page.html
index 5ada046b9b767e175b91a726b417c5defcbb4270..81445fe834270f9010975ed248f8aa1a5564afa8 100644 (file)
--- a/src/templates/docs/page.html
+++ b/src/templates/docs/page.html
@@ -32,56 +32,64 @@
 
        <section class="section">
                <div class="container">
-                       <div class="content">
-                               {% raw page.html %}
+                       <div class="columns">
+                               <div class="column is-10">
+                                       <div class="content">
+                                               {% raw page.html %}
+                                       </div>
+                               </div>
                        </div>
                </div>
        </section>
 
        <section class="section">
                <div class="container">
-                       <div class="block">
-                               <a class="button is-primary is-fullwidth" href="{{ os.path.join(request.path, "_edit") }}">
-                                       <span class="icon-text">
-                                               <span class="icon">
-                                                       <i class="fas fa-edit"></i>
-                                               </span>
-                                               <span>
-                                                       {{ _("Edit Page") }}
-                                                       {% if not current_user %}&dash; {{ _("Yes, you can edit!") }}{% end %}
-                                               </span>
-                                       </span>
-                               </a>
-                       </div>
+                       <div class="columns">
+                               <div class="column is-10">
+                                       <div class="block">
+                                               <a class="button is-primary is-fullwidth" href="{{ os.path.join(request.path, "_edit") }}">
+                                                       <span class="icon-text">
+                                                               <span class="icon">
+                                                                       <i class="fas fa-edit"></i>
+                                                               </span>
+                                                               <span>
+                                                                       {{ _("Edit Page") }}
+                                                                       {% if not current_user %}&dash; {{ _("Yes, you can edit!") }}{% end %}
+                                                               </span>
+                                                       </span>
+                                               </a>
+                                       </div>
 
-                       <div class="block">
-                               <div class="level">
-                                       <div class="level-left">
-                                               {% if current_user %}
-                                                       {% if page.is_watched_by(current_user) %}
-                                                               <a class="level-item" href="{{ os.path.join(page.url, "_unwatch") }}">
-                                                                       <i class="fas fa-star" title="{{ _("Stop watching this page") }}"></i>
-                                                               </a>
-                                                       {% else %}
-                                                               <a class="level-item" href="{{ os.path.join(page.url, "_watch") }}">
-                                                                       <i class="far fa-star" title="{{ _("Watch this page") }}"></i>
+                                       <div class="block">
+                                               <div class="level">
+                                                       <div class="level-left">
+                                                               {% if current_user %}
+                                                                       {% if page.is_watched_by(current_user) %}
+                                                                               <a class="level-item" href="{{ os.path.join(page.url, "_unwatch") }}">
+                                                                                       <i class="fas fa-star" title="{{ _("Stop watching this page") }}"></i>
+                                                                               </a>
+                                                                       {% else %}
+                                                                               <a class="level-item" href="{{ os.path.join(page.url, "_watch") }}">
+                                                                                       <i class="far fa-star" title="{{ _("Watch this page") }}"></i>
+                                                                               </a>
+                                                                       {% end %}
+                                                               {% end %}
+
+                                                               <a class="level-item" href="{{ request.path }}?action=revisions">
+                                                                       {{ _("Older Revisions") }}
                                                                </a>
-                                                       {% end %}
-                                               {% end %}
 
-                                               <a class="level-item" href="{{ request.path }}?action=revisions">
-                                                       {{ _("Older Revisions") }}
-                                               </a>
+                                                               <div class="level-item">
+                                                                       {{ locale.format_date(page.timestamp) }}
+                                                               </div>
 
-                                               <div class="level-item">
-                                                       {{ locale.format_date(page.timestamp) }}
+                                                               {% if page.author %}
+                                                                       <a class="level-item" href="/users/{{ page.author.uid }}">
+                                                                               {{ page.author }}
+                                                                       </a>
+                                                               {% end %}
+                                                       </div>
                                                </div>
-
-                                               {% if page.author %}
-                                                       <a class="level-item" href="/users/{{ page.author.uid }}">
-                                                               {{ page.author }}
-                                                       </a>
-                                               {% end %}
                                        </div>
                                </div>
                        </div>