docs: Fix markup of editor

The icons were not in one line

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

diff --git a/src/templates/docs/edit.html b/src/templates/docs/edit.html
index 3f1f3404742987b838f9f9ca1ae7181f7b9e16e5..8dbca1acd32fc696336d17880a094be85aee669b 100644 (file)
--- a/src/templates/docs/edit.html
+++ b/src/templates/docs/edit.html
@@ -14,109 +14,82 @@
                        <form action="" method="POST" class="editor" data-render_url="{{ os.path.join(path, "_render") }}">
                                {% raw xsrf_form_html() %}
 
-                               <div class="mb-3">
-                                       <!--<div class="btn-toolbar mb-3" role="toolbar">
-                                               <div class="btn-group btn-group-sm mr-2" role="group">
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="bold" title="{{ _("Bold") }} [{{ _("Ctrl") }}-B]">
-                                                               <i class="fas fa-bold"></i>
-                                                       </button>
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="italic" title="{{ _("Italic") }} [{{ _("Ctrl") }}-I]">
-                                                               <i class="fas fa-italic"></i>
-                                                       </button>
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="code" title="{{ _("Code") }} [{{ _("Ctrl") }}-C]">
-                                                               <i class="fas fa-code"></i>
-                                                       </button>
+                               <div class="level">
+                                       <div class="level-left">
+                                               <div class="level-item">
+                                                       <div class="field has-addons">
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="bold" title="{{ _("Bold") }} [{{ _("Ctrl") }}-B]">
+                                                                               <i class="fas fa-bold"></i>
+                                                                       </button>
+                                                               </p>
+
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="italic" title="{{ _("Italic") }} [{{ _("Ctrl") }}-I]">
+                                                                               <i class="fas fa-italic"></i>
+                                                                       </button>
+                                                               </p>
+
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="code" title="{{ _("Code") }} [{{ _("Ctrl") }}-C]">
+                                                                               <i class="fas fa-code"></i>
+                                                                       </button>
+                                                               </p>
+                                                       </div>
                                                </div>
 
-                                               <div class="btn-group btn-group-sm mr-2" role="group">
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="headline-up" title="{{ _("Headline one level up") }}">
-                                                               <i class="fas fa-chevron-left"></i>
-                                                       </button>
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="headline" title="{{ _("Headline") }} [{{ _("Ctrl") }}-H]">
-                                                               <i class="fas fa-heading"></i>
-                                                       </button>
-                                                       <button type="button" class="btn btn-secondary"
-                                                                       id="headline-down" title="{{ _("Headline one level down") }}">
-                                                               <i class="fas fa-chevron-right"></i>
-                                                       </button>
+                                               <div class="level-item">
+                                                       <div class="field has-addons">
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="headline-up" title="{{ _("Headline one level up") }}">
+                                                                               <i class="fas fa-chevron-left"></i>
+                                                                       </button>
+                                                               </p>
+
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="headline" title="{{ _("Headline") }} [{{ _("Ctrl") }}-H]">
+                                                                               <i class="fas fa-heading"></i>
+                                                                       </button>
+                                                               </p>
+
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="headline-down" title="{{ _("Headline one level down") }}">
+                                                                               <i class="fas fa-chevron-right"></i>
+                                                                       </button>
+                                                               </p>
+                                                       </div>
                                                </div>
 
-                                               <button type="button" class="btn btn-sm btn-secondary mr-2"
-                                                               id="link" title="{{ _("Link") }} [{{ _("Ctrl") }}-L]">
-                                                       <i class="fas fa-link"></i>
-                                               </button>
-
-                                               <a class="btn btn-sm btn-secondary" href="{{ path }}/_files"
-                                                               target="_blank" title="{{ _("Files") }}">
-                                                       <i class="fas fa-images"></i>
-                                               </a>-->
-
-                                               <div class="field has-addons">
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="bold" title="{{ _("Bold") }} [{{ _("Ctrl") }}-B]">
-                                                                       <i class="fas fa-bold"></i>
-                                                               </button>
-                                                       </p>
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="italic" title="{{ _("Italic") }} [{{ _("Ctrl") }}-I]">
-                                                                       <i class="fas fa-italic"></i>
-                                                               </button>
-                                                       </p>
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="code" title="{{ _("Code") }} [{{ _("Ctrl") }}-C]">
-                                                                       <i class="fas fa-code"></i>
-                                                               </button>
-                                                       </p>
+                                               <div class="level-item">
+                                                       <div class="field has-addons">
+                                                               <p class="control">
+                                                                       <button type="button" class="button"
+                                                                                       id="link" title="{{ _("Link") }} [{{ _("Ctrl") }}-L]">
+                                                                               <i class="fas fa-link"></i>
+                                                                       </button>
+                                                               </p>
+
+                                                               <p class="control">
+                                                                       <a class="button" href="{{ path }}/_files"
+                                                                                       target="_blank" title="{{ _("Files") }}">
+                                                                               <i class="fas fa-images"></i>
+                                                                       </a>
+                                                               </p>
+                                                       </div>
                                                </div>
-                                               <div class="field has-addons">
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="headline-up" title="{{ _("Headline one level up") }}">
-                                                                       <i class="fas fa-chevron-left"></i>
-                                                               </button>
-                                                       </p>
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="headline" title="{{ _("Headline") }} [{{ _("Ctrl") }}-H]">
-                                                                       <i class="fas fa-heading"></i>
-                                                               </button>
-                                                       </p>
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="headline-down" title="{{ _("Headline one level down") }}">
-                                                                       <i class="fas fa-chevron-right"></i>
-                                                               </button>
-                                                       </p>
-                                               </div>
-                                               <div class="field has-addons">
-                                                       <p class="control">
-                                                               <button type="button" class="button"
-                                                                               id="link" title="{{ _("Link") }} [{{ _("Ctrl") }}-L]">
-                                                                       <i class="fas fa-link"></i>
-                                                               </button>
-                                                       </p>
-                                                       <p class="control">
-                                                               <a class="button" href="{{ path }}/_files"
-                                                                               target="_blank" title="{{ _("Files") }}">
-                                                                       <i class="fas fa-images"></i>
-                                                               </a>
-                                                       </p>
-                                               </div>
-
+                                       </div>
+                               </div>
 
-                                       <div class="field">
-                                               <div class="control">
-                                                       <textarea class="textarea" rows="16" name="content" id="content" placeholder="{{ _("Text") }}"
-                                                       >{% if page and page.markdown %}{{ page.markdown }}{% end %}</textarea>
-                                               </div>
+                               <div class="field">
+                                       <div class="control">
+                                               <textarea class="textarea" rows="16" name="content" id="content" placeholder="{{ _("Text") }}"
+                                               >{% if page and page.markdown %}{{ page.markdown }}{% end %}</textarea>
                                        </div>
                                </div>