From adc141e54aaf2924e2265cfa31ed8beb29325d4e Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Thu, 14 Dec 2023 14:29:59 +0000
Subject: [PATCH] docs: Fix markup of editor

The icons were not in one line

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/templates/docs/edit.html | 167 +++++++++++++++--------------------
 1 file changed, 70 insertions(+), 97 deletions(-)

diff --git a/src/templates/docs/edit.html b/src/templates/docs/edit.html
index 3f1f3404..8dbca1ac 100644
--- 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>
 
-- 
2.47.3