From 861b3d347cd23c0e131dc0807e5d3d678d3cc7bf Mon Sep 17 00:00:00 2001
From: Bruno Charest <bruno.charest@gmail.com>
Date: Sun, 19 Apr 2026 22:31:24 -0400
Subject: [PATCH] =?UTF-8?q?feat:=20d=C3=A9placer=20boutons=20cr=C3=A9ation?=
 =?UTF-8?q?=20rapide=20(bookmark/note/todo)=20du=20footer=20vers=20section?=
 =?UTF-8?q?=20d=C3=A9di=C3=A9e=20en=20haut=20de=20sidebar=20avec=20titre?=
 =?UTF-8?q?=20"Cr=C3=A9ation=20rapide",=20ajout=20styles=20sidebar-add-sec?=
 =?UTF-8?q?tion=20(margin-top=200.25rem,=20title=20margin-bottom=200.5rem)?=
 =?UTF-8?q?,=20et=20repositionnement=20avant=20section=20Navigation=20pour?=
 =?UTF-8?q?=20meilleure=20accessibilit=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 shaarli-pro/css/style.css    |  9 +++++++++
 shaarli-pro/page.header.html | 31 +++++++++++++++++--------------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/shaarli-pro/css/style.css b/shaarli-pro/css/style.css
index d03db30..1341609 100644
--- a/shaarli-pro/css/style.css
+++ b/shaarli-pro/css/style.css
@@ -278,6 +278,15 @@ a:focus:not(:focus-visible) {
     color: white;
 }
 
+/* Sidebar Add Section (Création rapide) */
+.sidebar-add-section {
+    margin-top: 0.25rem;
+}
+
+.sidebar-add-section .sidebar-section-title {
+    margin-bottom: 0.5rem;
+}
+
 /* Sidebar Segmented Add Button */
 .sidebar-add-segmented {
     display: flex;
diff --git a/shaarli-pro/page.header.html b/shaarli-pro/page.header.html
index 676da78..8bf9cb8 100644
--- a/shaarli-pro/page.header.html
+++ b/shaarli-pro/page.header.html
@@ -24,6 +24,23 @@ Bookmarklet detection logic
             </button>
         </div>
 
+        {if="$is_logged_in"}
+        <div class="sidebar-section sidebar-add-section">
+            <div class="sidebar-section-title">Création rapide</div>
+            <div class="sidebar-add-segmented">
+                <a href="{$base_path}/admin/add-shaare" class="sidebar-add-segment" title="Bookmark">
+                    <i class="mdi mdi-bookmark-outline"></i>
+                </a>
+                <a href="#" class="sidebar-add-segment sidebar-add-note" title="Note" data-base-path="{$base_path}">
+                    <i class="mdi mdi-note-text-outline"></i>
+                </a>
+                <a href="#" class="sidebar-add-segment sidebar-add-todo" title="Todo" data-base-path="{$base_path}">
+                    <i class="mdi mdi-check-circle-outline"></i>
+                </a>
+            </div>
+        </div>
+        {/if}
+
         <div class="sidebar-section">
             <div class="sidebar-section-title">Navigation</div>
             <a href="{$base_path}/" class="sidebar-link{if="$pageName=='linklist' && empty($search_tags)"} active{/if}"
@@ -85,20 +102,6 @@ Bookmarklet detection logic
     </nav>
 
     <div class="sidebar-footer">
-        {if="$is_logged_in"}
-        <div class="sidebar-add-segmented">
-            <a href="{$base_path}/admin/add-shaare" class="sidebar-add-segment" title="Bookmark">
-                <i class="mdi mdi-bookmark-outline"></i>
-            </a>
-            <a href="#" class="sidebar-add-segment sidebar-add-note" title="Note" data-base-path="{$base_path}">
-                <i class="mdi mdi-note-text-outline"></i>
-            </a>
-            <a href="#" class="sidebar-add-segment sidebar-add-todo" title="Todo" data-base-path="{$base_path}">
-                <i class="mdi mdi-check-circle-outline"></i>
-            </a>
-        </div>
-        {/if}
-
         <div class="theme-toggle-wrapper">
             <span class="theme-toggle-label">
                 <i class="mdi mdi-weather-sunny" id="theme-icon-light" aria-hidden="true"></i>