From 6015a415d49b171dc17ad6d1b34b68b333153940 Mon Sep 17 00:00:00 2001
From: bruno <bruno.charest@gmail.com>
Date: Fri, 10 Jul 2026 10:53:40 -0400
Subject: [PATCH] fix: remove duplicate topbar on page editor, position Get
 Started at bottom

- base.html topbar wrapped in {% block topbar %} for override
- page_editor.html overrides topbar block with empty content (uses its own)
- Get Started toolbar: fixed to bottom center with gradient fade
- No more double Share/Link/Star buttons
---
 app/templates/base.html        | 2 ++
 app/templates/page_editor.html | 4 ++++
 static/css/app.css             | 6 +++++-
 3 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/templates/base.html b/app/templates/base.html
index 1b0aaab..7804124 100644
--- a/app/templates/base.html
+++ b/app/templates/base.html
@@ -234,6 +234,7 @@
   <div class="main-wrapper">
 
     <!-- Topbar -->
+    {% block topbar %}
     <header class="topbar">
       <div class="topbar-left">
         <div class="topbar-breadcrumb">
@@ -271,6 +272,7 @@
         </button>
       </div>
     </header>
+    {% endblock %}
 
     <!-- Content -->
     <div class="content-area" id="main-content">
diff --git a/app/templates/page_editor.html b/app/templates/page_editor.html
index 37130ce..5271219 100644
--- a/app/templates/page_editor.html
+++ b/app/templates/page_editor.html
@@ -2,6 +2,10 @@
 {% block page_icon %}📄{% endblock %}
 {% block page_title %}{{ page.title }}{% endblock %}
 
+{% block topbar %}
+<!-- Page editor uses its own topbar — base.html topbar hidden -->
+{% endblock %}
+
 {% block content %}
 <div class="page-editor-wrapper" x-data="editor('{{ page.id }}', '{{ page.title|e }}', '{{ page.content_format }}', '{{ page.content|e }}', {{ page_favorited | tojson }})" x-init="init()">
 
diff --git a/static/css/app.css b/static/css/app.css
index 628522c..528dec4 100644
--- a/static/css/app.css
+++ b/static/css/app.css
@@ -2162,8 +2162,12 @@ input, select, textarea { font-family: inherit; color: inherit; }
 
 /* ═══════════ Get Started Toolbar (bottom, pill buttons) ═══════════ */
 .get-started-toolbar {
+  position: fixed; bottom: 0; left: 50%; transform: translateX(-50%);
   display: flex; align-items: center; gap: 8px;
-  padding: 16px 0 8px; flex-wrap: wrap;
+  padding: 12px 0 16px; flex-wrap: wrap;
+  justify-content: center; z-index: 10;
+  background: linear-gradient(to top, var(--bg-primary) 60%, transparent);
+  width: 100%; max-width: 900px;
 }
 .gs-label {
   font-size: 13px; color: var(--text-dim); margin-right: 4px;